weseek__growi/apps/app/src/components/Sidebar/PageCreateButton/hooks.tsx

import { useCallback, useState } from 'react';

import type { PageGrant, IGrantedGroup } from '@growi/core';
import { useRouter } from 'next/router';

import { createPage, exist } from '~/client/services/page-operation';
import { toastError } from '~/client/util/toastr';
import { EditorMode, useEditorMode } from '~/stores/ui';

export const useOnNewButtonClicked = (
    currentPagePath?: string,
    currentPageGrant?: PageGrant,
    currentPageGrantedGroups?: IGrantedGroup[],
    isLoading?: boolean,
): {
  onClickHandler: () => Promise<void>,
  isPageCreating: boolean
} => {
  const router = useRouter();
  const [isPageCreating, setIsPageCreating] = useState(false);

  const { mutate: mutateEditorMode } = useEditorMode();

  const onClickHandler = useCallback(async() => {
    if (isLoading) return;

    try {
      setIsPageCreating(true);

      /**
       * !! NOTICE !! - Verification of page createable or not is checked on the server side.
       * since the new page path is not generated on the client side.
       * need shouldGeneratePath flag.
       */
      const shouldUseRootPath = currentPagePath == null || currentPageGrant == null;
      const parentPath = shouldUseRootPath
        ? '/'
        : currentPagePath;

      const params = {
        isSlackEnabled: false,
        slackChannels: '',
        grant: shouldUseRootPath ? 1 : currentPageGrant,
        grantUserGroupIds: shouldUseRootPath ? undefined : currentPageGrantedGroups,
        shouldGeneratePath: true,
      };

      // !! NOTICE !! - if shouldGeneratePath is flagged, send the parent page path
      const response = await createPage(parentPath, '', params);

      await router.push(`/${response.page.id}#edit`);
      mutateEditorMode(EditorMode.Editor);
    }
    catch (err) {
      toastError(err);
    }
    finally {
      setIsPageCreating(false);
    }
  }, [currentPageGrant, currentPageGrantedGroups, currentPagePath, isLoading, mutateEditorMode, router]);

  return { onClickHandler, isPageCreating };
};

export const useOnTodaysButtonClicked = (
    todaysPath: string | null,
): {
  onClickHandler: () => Promise<void>,
  isPageCreating: boolean
} => {
  const router = useRouter();
  const [isPageCreating, setIsPageCreating] = useState(false);

  const { mutate: mutateEditorMode } = useEditorMode();

  const onClickHandler = useCallback(async() => {
    if (todaysPath == null) {
      return;
    }

    try {
      setIsPageCreating(true);

      // TODO: get grant, grantUserGroupId data from parent page
      // https://redmine.weseek.co.jp/issues/133892
      const params = {
        isSlackEnabled: false,
        slackChannels: '',
        grant: 4,
      };

      const res = await exist(JSON.stringify([todaysPath]));
      if (!res.pages[todaysPath]) {
        await createPage(todaysPath, '', params);
      }

      await router.push(`${todaysPath}#edit`);
      mutateEditorMode(EditorMode.Editor);
    }
    catch (err) {
      toastError(err);
    }
    finally {
      setIsPageCreating(false);
    }
  }, [mutateEditorMode, router, todaysPath]);

  return { onClickHandler, isPageCreating };
};