Web: Client: replaced the component with a dash

packages/client/src/pages/Home/Section/Body/TableView/sub-components/CellStyles.js

@@ -6,13 +6,6 @@ const StyledText = styled(Text)`
   margin-right: 12px;
 `;
 
-const StyledEmptyRoomTitle = styled.div`
-  width: 13px;
-  height: 2px;
-  margin-left: -12px;
-  background-color: #a3a9ae;
-`;
-
 const StyledAuthorCell = styled.div`
   display: flex;
   width: 100%;
@@ -26,4 +19,4 @@ const StyledAuthorCell = styled.div`
   }
 `;
 
-export { StyledText, StyledAuthorCell, StyledEmptyRoomTitle };
+export { StyledText, StyledAuthorCell };

packages/client/src/pages/Home/Section/Body/TableView/sub-components/RoomCell.js

@@ -1,7 +1,7 @@
 import { Loader, Tooltip } from "@docspace/components";
 import Text from "@docspace/components/text";
 import React, { useState } from "react";
-import { StyledText, StyledEmptyRoomTitle } from "./CellStyles";
+import { StyledText } from "./CellStyles";
 import { getFolderPath } from "@docspace/common/api/files";
 import { CategoryType } from "@docspace/client/src/helpers/constants";
 
@@ -26,10 +26,12 @@ const RoomCell = ({ sideColor, item }) => {
     setIsTooltipLoading(false);
   };
 
+  const canVisibleTitle = originRoomTitle || originTitle;
+
   return [
     <StyledText
       key="cell"
-      fontSize="12px"
+      fontSize={canVisibleTitle ? "12px" : "13px"}
       fontWeight={600}
       color={sideColor}
       className="row_update-text"
@@ -38,13 +40,9 @@ const RoomCell = ({ sideColor, item }) => {
       data-tip={""}
       data-place={"bottom"}
     >
-      {originRoomTitle || originTitle}
+      {originRoomTitle || originTitle || "—"}
     </StyledText>,
 
-    <React.Fragment key="empty-cell">
-      {!originRoomTitle && !originTitle && <StyledEmptyRoomTitle />}
-    </React.Fragment>,
-
     <Tooltip
       id={"" + item.id}
       key={"tooltip"}