Переглянути джерело

open rename modal on SearchResultContent

kaori 4 роки тому
батько
коміт
c16af4f166

+ 8 - 2
packages/app/src/components/SearchPage/SearchResultContent.tsx

@@ -14,7 +14,7 @@ import { GrowiSubNavigation } from '../Navbar/GrowiSubNavigation';
 import { SubNavButtons } from '../Navbar/SubNavButtons';
 import { SubNavButtons } from '../Navbar/SubNavButtons';
 import { AdditionalMenuItemsRendererProps } from '../Common/Dropdown/PageItemControl';
 import { AdditionalMenuItemsRendererProps } from '../Common/Dropdown/PageItemControl';
 
 
-import { usePageDeleteModalStatus } from '~/stores/ui';
+import { usePageRenameModalStatus, usePageDeleteModalStatus } from '~/stores/ui';
 
 
 
 
 type AdditionalMenuItemsProps = AdditionalMenuItemsRendererProps & {
 type AdditionalMenuItemsProps = AdditionalMenuItemsRendererProps & {
@@ -55,6 +55,7 @@ const SearchResultContent: FC<Props> = (props: Props) => {
     showPageControlDropdown,
     showPageControlDropdown,
   } = props;
   } = props;
 
 
+  const { open: openRenameModal } = usePageRenameModalStatus();
   const { open: openDeleteModal } = usePageDeleteModalStatus();
   const { open: openDeleteModal } = usePageDeleteModalStatus();
 
 
   const page = focusedSearchResultData?.pageData;
   const page = focusedSearchResultData?.pageData;
@@ -62,6 +63,10 @@ const SearchResultContent: FC<Props> = (props: Props) => {
   const growiRenderer = appContainer.getRenderer('searchresult');
   const growiRenderer = appContainer.getRenderer('searchresult');
 
 
 
 
+  const renameItemClickedHandler = useCallback(async(pageId, revisionId, path) => {
+    openRenameModal(pageId, revisionId, path);
+  }, [openRenameModal]);
+
   const deleteItemClickedHandler = useCallback(async(pageToDelete) => {
   const deleteItemClickedHandler = useCallback(async(pageToDelete) => {
     openDeleteModal([pageToDelete]);
     openDeleteModal([pageToDelete]);
   }, [openDeleteModal]);
   }, [openDeleteModal]);
@@ -84,6 +89,7 @@ const SearchResultContent: FC<Props> = (props: Props) => {
             path={page.path}
             path={page.path}
             showPageControlDropdown={showPageControlDropdown}
             showPageControlDropdown={showPageControlDropdown}
             additionalMenuItemRenderer={props => <AdditionalMenuItems {...props} pageId={page._id} revisionId={revisionId} />}
             additionalMenuItemRenderer={props => <AdditionalMenuItems {...props} pageId={page._id} revisionId={revisionId} />}
+            onClickRenameMenuItem={renameItemClickedHandler}
             onClickDeleteMenuItem={deleteItemClickedHandler}
             onClickDeleteMenuItem={deleteItemClickedHandler}
           />
           />
         </div>
         </div>
@@ -91,7 +97,7 @@ const SearchResultContent: FC<Props> = (props: Props) => {
         </div>
         </div>
       </>
       </>
     );
     );
-  }, [page, showPageControlDropdown, deleteItemClickedHandler]);
+  }, [page, showPageControlDropdown, renameItemClickedHandler, deleteItemClickedHandler]);
 
 
   // return if page is null
   // return if page is null
   if (page == null) return <></>;
   if (page == null) return <></>;