Client: disabling the filter in index editing mode

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

@@ -314,6 +314,7 @@ const SectionFilterContent = ({
   userId,
   isPersonalRoom,
   isIndexing,
+  isIndexEditingMode,
 
   providers,
 
@@ -2672,6 +2673,7 @@ const SectionFilterContent = ({
       isGroupsAccounts={isGroupsAccounts}
       isInsideGroup={isInsideGroup}
       isIndexing={isIndexing}
+      isIndexEditingMode={isIndexEditingMode}
       disableThirdParty={isTrash}
     />
   );
@@ -2730,7 +2732,7 @@ export default inject(
     const { isVisible: infoPanelVisible } = infoPanelStore;
     const { showStorageInfo, isDefaultRoomsQuotaSet } = currentQuotaStore;
 
-    const { isIndexing } = indexingStore;
+    const { isIndexing, isIndexEditingMode } = indexingStore;
     const {
       filterStore,
 
@@ -2771,6 +2773,7 @@ export default inject(
       isTrash,
       isArchiveFolder,
       isIndexing,
+      isIndexEditingMode,
 
       setIsLoading: clientLoadingStore.setIsSectionBodyLoading,
       showFilterLoader: clientLoadingStore.showFilterLoader,

packages/shared/components/filter/Filter.types.ts

@@ -234,6 +234,8 @@ export interface FilterProps {
   isGroupsAccounts: boolean;
   isInsideGroup: boolean;
   isIndexing: boolean;
+  isIndexEditingMode: boolean;
+
   filterTitle: string;
   sortByTitle: string;
 

packages/shared/components/filter/index.tsx

@@ -72,6 +72,8 @@ const FilterInput = React.memo(
     isGroupsAccounts,
     isInsideGroup,
     isIndexing,
+    isIndexEditingMode,
+
     filterTitle,
     sortByTitle,
 
@@ -209,8 +211,10 @@ const FilterInput = React.memo(
             onClearSearch={onClearSearch}
             id="filter_search-input"
             size={InputSize.base}
+            isDisabled={isIndexEditingMode}
             onFocus={onInputFocus}
           />
+          {!isIndexEditingMode && (
             <FilterButton
               id="filter-button"
               onFilter={onFilter}
@@ -227,6 +231,8 @@ const FilterInput = React.memo(
               userId={userId}
               disableThirdParty={disableThirdParty}
             />
+          )}
+
           {!isIndexing && (
             <SortButton
               id="sort-by-button"