refactor isSearchPage hooks

apps/app/src/pages/_private-legacy-pages/index.page.tsx

@@ -7,7 +7,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 import { DrawioViewerScript } from '~/components/Script/DrawioViewerScript';
-import { useIsSearchPage } from '~/states/context';
+import { useSetSearchPage } from '~/states/context';
 
 import { getServerSideSearchPageProps } from '../_search/get-server-side-props';
 import type { ServerConfigurationProps } from '../_search/types';
@@ -39,14 +39,14 @@ const PrivateLegacyPage: NextPage<Props> = (props: Props) => {
   useHydrateBasicLayoutConfigurationAtoms(props.searchConfig, props.sidebarConfig, props.userUISettings);
   useHydrateServerConfigurationAtoms(props.serverConfig, props.rendererConfig);
 
-  const [, setIsSearchPage] = useIsSearchPage();
+  const setSearchPage = useSetSearchPage();
 
   // Turn on search page flag
   useEffect(() => {
-    setIsSearchPage(true);
+    setSearchPage(true);
     // cleanup
-    return () => setIsSearchPage(false);
-  }, [router, setIsSearchPage]);
+    return () => setSearchPage(false);
+  }, [router, setSearchPage]);
 
   const title = useCustomTitle(t('private_legacy_pages.title'));
 

apps/app/src/pages/_search/index.page.tsx

@@ -6,7 +6,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 
 import { DrawioViewerScript } from '~/components/Script/DrawioViewerScript';
-import { useIsSearchPage } from '~/states/context';
+import { useSetSearchPage } from '~/states/context';
 
 import type { NextPageWithLayout } from '../_app.page';
 import type { BasicLayoutConfigurationProps } from '../basic-layout-page';
@@ -40,14 +40,14 @@ const SearchResultPage: NextPageWithLayout<Props> = (props: Props) => {
   useHydrateBasicLayoutConfigurationAtoms(props.searchConfig, props.sidebarConfig, props.userUISettings);
   useHydrateServerConfigurationAtoms(props.serverConfig, props.rendererConfig);
 
-  const [, setIsSearchPage] = useIsSearchPage();
+  const setSearchPage = useSetSearchPage();
 
   // Turn on search page flag
   useEffect(() => {
-    setIsSearchPage(true);
+    setSearchPage(true);
     // cleanup
-    return () => setIsSearchPage(false);
-  }, [router, setIsSearchPage]);
+    return () => setSearchPage(false);
+  }, [router, setSearchPage]);
 
   const title = useCustomTitle(t('search_result.title'));
 

apps/app/src/states/context.ts

@@ -1,4 +1,4 @@
-import { atom, useAtomValue } from 'jotai';
+import { atom, useAtomValue, useSetAtom } from 'jotai';
 import { currentUserAtomGetter, growiCloudUriAtomGetter } from './global';
 
 /**
@@ -71,8 +71,14 @@ export const useIsSharedUser = () => useAtomValue(isSharedUserAtom);
  * Atom for checking if current page is a search page
  */
 const isSearchPageAtom = atom<boolean | null>(null);
-
+/**
+ * Hook for getting the current search page state
+ */
 export const useIsSearchPage = () => useAtomValue(isSearchPageAtom);
+/**
+ * Hook for setting the current search page state
+ */
+export const useSetSearchPage = () => useSetAtom(isSearchPageAtom);
 
 /**
  * Computed atom for GROWI documentation URL