modify name of variables

apps/app/src/components/PageHeader/PageHeader.tsx

@@ -6,7 +6,7 @@ import { useSWRxCurrentPage } from '~/stores/page';
 import { PagePathHeader } from './PagePathHeader';
 import { PageTitleHeader } from './PageTitleHeader';
 
-export type editedPagePathHandler = {
+export type editedPagePathState = {
   editedPagePath: string
   setEditedPagePath: Dispatch<SetStateAction<string>>
 }
@@ -18,7 +18,7 @@ export const PageHeader: FC = () => {
 
   const [editedPagePath, setEditedPagePath] = useState(currentPagePath ?? '');
 
-  const editedPagePathStateHandler = { editedPagePath, setEditedPagePath };
+  const editedPagePathState = { editedPagePath, setEditedPagePath };
 
   if (currentPage == null) {
     return <></>;
@@ -28,11 +28,11 @@ export const PageHeader: FC = () => {
     <>
       <PagePathHeader
         currentPage={currentPage}
-        editedPagePathHandler={editedPagePathStateHandler}
+        editedPagePathState={editedPagePathState}
       />
       <PageTitleHeader
         currentPage={currentPage}
-        editedPagePathHandler={editedPagePathStateHandler}
+        editedPagePathState={editedPagePathState}
       />
     </>
   );

apps/app/src/components/PageHeader/PagePathHeader.tsx

@@ -9,17 +9,17 @@ import { EditorMode, useEditorMode } from '~/stores/ui';
 import { PagePathNav } from '../Common/PagePathNav';
 import { PageSelectModal } from '../PageSelectModal/PageSelectModal';
 
-import type { editedPagePathHandler } from './PageHeader';
+import type { editedPagePathState } from './PageHeader';
 import { TextInputForPageTitleAndPath } from './TextInputForPageTitleAndPath';
 import { usePagePathRenameHandler } from './page-header-utils';
 
 export type Props = {
   currentPage: IPagePopulatedToShowRevision
-  editedPagePathHandler: editedPagePathHandler
+  editedPagePathState: editedPagePathState
 }
 
 export const PagePathHeader: FC<Props> = (props) => {
-  const { currentPage, editedPagePathHandler } = props;
+  const { currentPage, editedPagePathState } = props;
 
   const currentPagePath = currentPage.path;
 
@@ -29,7 +29,7 @@ export const PagePathHeader: FC<Props> = (props) => {
   const { data: editorMode } = useEditorMode();
   const { data: PageSelectModalData, open: openPageSelectModal } = usePageSelectModal();
 
-  const { editedPagePath, setEditedPagePath } = editedPagePathHandler;
+  const { editedPagePath, setEditedPagePath } = editedPagePathState;
 
   const onRenameFinish = () => {
     setRenameInputShown(false);
@@ -49,15 +49,11 @@ export const PagePathHeader: FC<Props> = (props) => {
   const isEditorMode = !isViewMode;
 
   const PagePath = useMemo(() => (
-    <>
-      {currentPagePath != null && (
-        <PagePathNav
-          pageId={currentPage._id}
-          pagePath={currentPagePath}
-          isSingleLineMode={isEditorMode}
-        />
-      )}
-    </>
+    <PagePathNav
+      pageId={currentPage._id}
+      pagePath={currentPagePath}
+      isSingleLineMode={isEditorMode}
+    />
   ), [currentPage._id, currentPagePath, isEditorMode]);
 
   const handleInputChange = (inputText: string) => {
@@ -104,7 +100,7 @@ export const PagePathHeader: FC<Props> = (props) => {
           <TextInputForPageTitleAndPath
             currentPage={currentPage}
             stateHandler={stateHandler}
-            editedPagePathHandler={editedPagePathHandler}
+            editedPagePathState={editedPagePathState}
             inputValue={editedPagePath}
             CustomComponent={PagePath}
             handleInputChange={handleInputChange}

apps/app/src/components/PageHeader/PageTitleHeader.tsx

@@ -13,7 +13,7 @@ import { usePagePathRenameHandler } from './page-header-utils';
 
 
 export const PageTitleHeader: FC<Props> = (props) => {
-  const { currentPage, editedPagePathHandler } = props;
+  const { currentPage, editedPagePathState } = props;
 
   const currentPagePath = currentPage.path;
 
@@ -21,7 +21,7 @@ export const PageTitleHeader: FC<Props> = (props) => {
 
   const [isRenameInputShown, setRenameInputShown] = useState(false);
 
-  const { editedPagePath, setEditedPagePath } = editedPagePathHandler;
+  const { editedPagePath, setEditedPagePath } = editedPagePathState;
 
   const editingPageTitle = nodePath.basename(editedPagePath);
 
@@ -58,7 +58,7 @@ export const PageTitleHeader: FC<Props> = (props) => {
         <TextInputForPageTitleAndPath
           currentPage={currentPage}
           stateHandler={stateHandler}
-          editedPagePathHandler={editedPagePathHandler}
+          editedPagePathState={editedPagePathState}
           inputValue={editingPageTitle}
           CustomComponent={PageTitle}
           handleInputChange={handleInputChange}

apps/app/src/components/PageHeader/TextInputForPageTitleAndPath.tsx

@@ -12,7 +12,7 @@ import { ValidationTarget } from '~/client/util/input-validator';
 import ClosableTextInput from '../Common/ClosableTextInput';
 
 
-import type { editedPagePathHandler } from './PageHeader';
+import type { editedPagePathState } from './PageHeader';
 import { usePagePathRenameHandler } from './page-header-utils';
 
 
@@ -24,7 +24,7 @@ type StateHandler = {
 type Props = {
   currentPage: IPagePopulatedToShowRevision
   stateHandler: StateHandler
-  editedPagePathHandler: editedPagePathHandler
+  editedPagePathState: editedPagePathState
   inputValue: string
   CustomComponent: JSX.Element
   handleInputChange?: (string) => void
@@ -32,13 +32,13 @@ type Props = {
 
 export const TextInputForPageTitleAndPath: FC<Props> = (props) => {
   const {
-    currentPage, stateHandler, inputValue, CustomComponent, handleInputChange, editedPagePathHandler,
+    currentPage, stateHandler, inputValue, CustomComponent, handleInputChange, editedPagePathState,
   } = props;
 
   const { t } = useTranslation();
 
   const { isRenameInputShown, setRenameInputShown } = stateHandler;
-  const { setEditedPagePath } = editedPagePathHandler;
+  const { setEditedPagePath } = editedPagePathState;
 
   const onRenameFinish = () => {
     setRenameInputShown(false);