diff --git a/packages/client/src/pages/Home/index.js b/packages/client/src/pages/Home/index.js index f09433be51..c4f445186b 100644 --- a/packages/client/src/pages/Home/index.js +++ b/packages/client/src/pages/Home/index.js @@ -115,6 +115,7 @@ const PureHome = (props) => { isPrivacyFolder, isRecycleBinFolder, isErrorRoomNotAvailable, + isIndexEditingMode, primaryProgressDataPercent, primaryProgressDataIcon, @@ -351,6 +352,7 @@ const PureHome = (props) => { sectionProps.secondaryProgressBarIcon = secondaryProgressDataStoreIcon; sectionProps.showSecondaryButtonAlert = secondaryProgressDataStoreAlert; sectionProps.getContextModel = getContextModel; + sectionProps.isIndexEditingMode = isIndexEditingMode; return ( <> @@ -439,6 +441,7 @@ export default inject( currentTariffStatusStore, settingsStore, contextOptionsStore, + indexingStore, }) => { const { setSelectedFolder, security: folderSecurity } = selectedFolderStore; const { @@ -605,6 +608,7 @@ export default inject( isErrorRoomNotAvailable, isRoomsFolder, isArchiveFolder, + isIndexEditingMode: indexingStore.isIndexEditingMode, disableDrag, diff --git a/packages/shared/components/section/Section.types.ts b/packages/shared/components/section/Section.types.ts index 061b602129..d08981f9d0 100644 --- a/packages/shared/components/section/Section.types.ts +++ b/packages/shared/components/section/Section.types.ts @@ -66,6 +66,7 @@ export interface SectionBodyProps { settingsStudio: boolean; isFormGallery?: boolean; isDesktop?: boolean; + isIndexEditingMode?: boolean; currentDeviceType?: DeviceType; getContextModel?: () => ContextMenuModel[]; } @@ -144,4 +145,5 @@ export interface SectionProps { anotherDialogOpen?: boolean; isDesktop?: boolean; getContextModel?: () => ContextMenuModel[]; + isIndexEditingMode?: boolean; } diff --git a/packages/shared/components/section/index.tsx b/packages/shared/components/section/index.tsx index 3bd59c294d..f058dd7fbc 100644 --- a/packages/shared/components/section/index.tsx +++ b/packages/shared/components/section/index.tsx @@ -117,6 +117,7 @@ const Section = (props: SectionProps) => { canDisplay, anotherDialogOpen, getContextModel, + isIndexEditingMode, } = props; const [sectionSize, setSectionSize] = React.useState<{ @@ -243,6 +244,7 @@ const Section = (props: SectionProps) => { isFormGallery={isFormGallery} currentDeviceType={currentDeviceType} getContextModel={getContextModel} + isIndexEditingMode={isIndexEditingMode} > {isSectionHeaderAvailable && currentDeviceType === DeviceType.mobile && ( diff --git a/packages/shared/components/section/sub-components/SectionBody.tsx b/packages/shared/components/section/sub-components/SectionBody.tsx index 914a2e92c6..664fffaa2e 100644 --- a/packages/shared/components/section/sub-components/SectionBody.tsx +++ b/packages/shared/components/section/sub-components/SectionBody.tsx @@ -51,6 +51,7 @@ const SectionBody = React.memo( isDesktop, settingsStudio = false, getContextModel, + isIndexEditingMode, }: SectionBodyProps) => { const focusRef = React.useRef(null); const cmRef = React.useRef) => { + if (isIndexEditingMode) return; const bodyElem = document.getElementsByClassName( "section-body", )[0] as HTMLDivElement; @@ -89,7 +91,7 @@ const SectionBody = React.memo( setIsOpen(!isOpen); } }, - [getContextModel, isOpen], + [getContextModel, isOpen, isIndexEditingMode], ); const onHide = () => {