refactor

apps/app/src/client/services/use-on-template-button-clicked.ts → apps/app/src/client/services/use-create-template-page.ts

@@ -7,13 +7,13 @@ import { createPage, exist } from '~/client/services/page-operation';
 import type { LabelType } from '~/interfaces/template';
 import { EditorMode, useEditorMode } from '~/stores/ui';
 
-export const useOnTemplateButtonClicked = (
+export const useCreateTemplatePage = (
     currentPagePath?: string,
     isLoading?: boolean,
 ): {
   isCreatable: boolean,
   isPageCreating: boolean,
-  onClickHandler?: (label: LabelType) => Promise<void>,
+  create?: (label: LabelType) => Promise<void>,
 } => {
   const router = useRouter();
 
@@ -23,7 +23,7 @@ export const useOnTemplateButtonClicked = (
 
   const isCreatable = currentPagePath != null && isCreatablePage(`${currentPagePath}/_template`);
 
-  const onClickHandler = useCallback(async(label: LabelType) => {
+  const create = useCallback(async(label: LabelType) => {
     if (isLoading || !isCreatable) return;
 
     try {
@@ -51,6 +51,6 @@ export const useOnTemplateButtonClicked = (
   return {
     isCreatable,
     isPageCreating,
-    onClickHandler: isCreatable ? onClickHandler : undefined,
+    create: isCreatable ? create : undefined,
   };
 };

apps/app/src/components/CreateTemplateModal.tsx

@@ -4,7 +4,7 @@ import { pathUtils } from '@growi/core/dist/utils';
 import { useTranslation } from 'next-i18next';
 import { Modal, ModalHeader, ModalBody } from 'reactstrap';
 
-import { useOnTemplateButtonClicked } from '~/client/services/use-on-template-button-clicked';
+import { useCreateTemplatePage } from '~/client/services/use-create-template-page';
 import { toastError } from '~/client/util/toastr';
 import type { TargetType, LabelType } from '~/interfaces/template';
 
@@ -55,16 +55,16 @@ export const CreateTemplateModal: React.FC<CreateTemplateModalProps> = ({
 }) => {
   const { t } = useTranslation();
 
-  const { onClickHandler, isPageCreating } = useOnTemplateButtonClicked(path);
+  const { create, isPageCreating } = useCreateTemplatePage(path);
 
   const onClickTemplateButtonHandler = useCallback(async(label: LabelType) => {
     try {
-      await onClickHandler?.(label);
+      await create?.(label);
     }
     catch (err) {
       toastError(err);
     }
-  }, [onClickHandler]);
+  }, [create]);
 
   const parentPath = pathUtils.addTrailingSlash(path);
 

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

@@ -6,7 +6,7 @@ import { format } from 'date-fns';
 import { useTranslation } from 'react-i18next';
 import { Dropdown } from 'reactstrap';
 
-import { useOnTemplateButtonClicked } from '~/client/services/use-on-template-button-clicked';
+import { useCreateTemplatePage } from '~/client/services/use-create-template-page';
 import { toastError } from '~/client/util/toastr';
 import type { LabelType } from '~/interfaces/template';
 import { useCurrentUser } from '~/stores/context';
@@ -46,18 +46,18 @@ export const PageCreateButton = React.memo((): JSX.Element => {
   const { onClickHandler: onClickTodaysButton, isPageCreating: isTodaysPageCreating } = useOnTodaysButtonClicked(todaysPath);
   // TODO: https://redmine.weseek.co.jp/issues/138805
   const {
-    onClickHandler: onClickTemplateButton,
+    create,
     isPageCreating: isTemplatePageCreating, isCreatable: isTemplatePageCreatable,
-  } = useOnTemplateButtonClicked(currentPagePath, isLoadingPagePath);
+  } = useCreateTemplatePage(currentPagePath, isLoadingPagePath);
 
   const onClickTemplateButtonHandler = useCallback(async(label: LabelType) => {
     try {
-      await onClickTemplateButton?.(label);
+      await create?.(label);
     }
     catch (err) {
       toastError(err);
     }
-  }, [onClickTemplateButton]);
+  }, [create]);
 
   const onMouseEnterHandler = () => {
     setIsHovered(true);