diff --git a/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js b/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js index fb43f808d5..a66cb11a95 100644 --- a/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js +++ b/products/ASC.Files/Client/src/pages/VirtualRooms/Section/Body/TileView/sub-components/Tile.js @@ -11,6 +11,8 @@ import RoomLogo from "@appserver/components/room-logo"; import ContextMenu from "@appserver/components/context-menu"; import { Base } from "@appserver/components/themes"; +import RoomsBadges from "../../../../components/Badges"; + const StyledTile = styled.div` border: 1px solid #eceef1; @@ -84,14 +86,11 @@ const StyledHeader = styled.div` display: grid; align-items: center; + grid-template-columns: ${(props) => - props.withBadge - ? props.isPinned - ? "auto 1fr auto auto auto" - : "auto 1fr auto auto" - : props.isPinned - ? "auto 1fr auto auto" - : "auto 1fr auto"}; + props.withBadge || props.isPinned + ? "auto 1fr auto auto" + : "auto 1fr auto"}; .tile-header_heading { font-size: 16px; @@ -100,18 +99,6 @@ const StyledHeader = styled.div` margin-right: 12px; } - .tile-header_badge { - p { - line-height: 16px; - } - } - - .tile-header_pin-icon { - height: 16px; - - margin: 0 0 0 12px; - } - .tile-header_context-menu-button { margin: 0 6px; } @@ -218,19 +205,12 @@ const Tile = React.forwardRef( {title} - {!!badge && ( - - )} - - {pinned && ( - )}