weseek__growi/apps/app/src/features/search/client/stores/search.ts

import type { SWRResponse } from 'swr';

import { useStaticSWR } from '~/stores/use-static-swr';

type SearchModalStatus = {
  isOpened: boolean,
  searchKeyword: string,
}

type SearchModalUtils = {
  open(keywordOnInit?: string): void
  close(): void
}
export const useSearchModal = (status?: SearchModalStatus): SWRResponse<SearchModalStatus, Error> & SearchModalUtils => {
  const initialStatus = { searchKeyword: '', isOpened: false };
  const swrResponse = useStaticSWR<SearchModalStatus, Error>('SearchModal', status, { fallbackData: initialStatus });

  return {
    ...swrResponse,
    open: (keywordOnInit?: string) => {
      if (typeof keywordOnInit !== 'undefined') {
        swrResponse.mutate({ isOpened: true, searchKeyword: keywordOnInit });
      }
      else {
        swrResponse.mutate({ isOpened: true, searchKeyword: '' });
      }
    },
    close: () => swrResponse.mutate({ isOpened: false, searchKeyword: '' }),
  };
};