Client: fixed row view for indexing

packages/client/src/pages/Home/Section/Header/index.js

@@ -59,6 +59,7 @@ import FilesFilter from "@docspace/shared/api/files/filter";
 
 import { DropDownItem } from "@docspace/shared/components/drop-down-item";
 import { tablet, mobile, Consumer, getLogoUrl } from "@docspace/shared/utils";
+import { isMobile } from "react-device-detect";
 
 import { toastr } from "@docspace/shared/components/toast";
 import { TableGroupMenu } from "@docspace/shared/components/table";
@@ -951,9 +952,10 @@ const SectionHeaderContent = (props) => {
     <Consumer key="header">
       {(context) => (
         <StyledContainer isRecycleBinFolder={isRecycleBinFolder}>
+          {isMobile && isIndexEditingMode && <TableIndexHeader {...tableIndexHeaderProps} />}
           {tableGroupMenuVisible ? (
             <TableGroupMenu {...tableGroupMenuProps} withComboBox />
-          ) : isIndexEditingMode ? (
+          ) : isIndexEditingMode && !isMobile ? (
             <TableIndexHeader {...tableIndexHeaderProps} />
           ) : (
             <div className="header-container">

packages/client/src/pages/Home/Section/IndexHeader/StyledIndexHeader.js

@@ -57,6 +57,8 @@ const StyledTableIndexMenu = styled.div`
     height: 60px;
   }
   @media ${mobile} {
+    top: 0px;
+    position: fixed;
     height: 48px;
     padding: 0px 18px;
   }

packages/shared/components/row/Row.tsx

@@ -216,25 +216,9 @@ const Row = (props: RowProps) => {
         {renderContentElement && (
           <StyledContentElement>{contentElement}</StyledContentElement>
         )}
-        {isIndexEditingMode ? (
+        {!isIndexEditingMode && (
-          <>
-            <ColorTheme
-              themeId={ThemeId.IndexIconButton}
-              iconName={ArrowReactSvgUrl}
-              className="index-up-icon"
-              size="small"
-              // onClick={onClickShare}
-            />
-            <ColorTheme
-              themeId={ThemeId.IndexIconButton}
-              iconName={ArrowReactSvgUrl}
-              className="index-down-icon"
-              size="small"
-              // onClick={onClickShare}
-            />
-          </>
-        ) : (
           <>
+            {" "}
             {renderContext ? (
               <ContextMenuButton
                 isFill