78782 fb props nullable

packages/app/src/components/Navbar/GrowiSubNavigation.jsx

@@ -50,7 +50,7 @@ const GrowiSubNavigation = (props) => {
               <TagLabels editorMode={editorMode} />
             </div>
           ) }
-          <PagePathNav pageId={pageId} pagePath={path} isEditorMode={isEditorMode} isCompactMode={isCompactMode} />
+          <PagePathNav pageId={pageId} pagePath={path} isSingleLineMode={isEditorMode} isCompactMode={isCompactMode} />
         </div>
       </div>
 

packages/app/src/components/PagePathNav.tsx

@@ -9,13 +9,13 @@ import LinkedPagePath from '../models/linked-page-path';
 type Props = {
   pageId :string,
   pagePath:string,
-  isEditorMode:boolean,
-  isCompactMode:boolean,
+  isSingleLineMode?:boolean,
+  isCompactMode?:boolean,
 }
 
 const PagePathNav: FC<Props> = (props: Props) => {
   const {
-    pageId, pagePath, isEditorMode, isCompactMode,
+    pageId, pagePath, isSingleLineMode, isCompactMode,
   } = props;
   const dPagePath = new DevidedPagePath(pagePath, false, true);
 
@@ -23,7 +23,7 @@ const PagePathNav: FC<Props> = (props: Props) => {
   let latterLink;
 
   // one line
-  if (dPagePath.isRoot || dPagePath.isFormerRoot || isEditorMode) {
+  if (dPagePath.isRoot || dPagePath.isFormerRoot || isSingleLineMode) {
     const linkedPagePath = new LinkedPagePath(pagePath);
     latterLink = <PagePathHierarchicalLink linkedPagePath={linkedPagePath} />;
   }

packages/app/src/components/SearchPage/SearchResultContentSubNavigation.tsx

@@ -7,13 +7,13 @@ type Props = {
   appContainer:AppContainer
   pageId: string,
   path: string,
-  isEditorMode: boolean,
-  isCompactMode: boolean,
+  isSignleLineMode?: boolean,
+  isCompactMode?: boolean,
 }
 
 const SearchResultContentSubNavigation: FC<Props> = (props : Props) => {
   const {
-    appContainer, pageId, path, isCompactMode, isEditorMode,
+    appContainer, pageId, path, isCompactMode, isSignleLineMode,
   } = props;
 
   const { isSharedUser } = appContainer;
@@ -31,7 +31,7 @@ const SearchResultContentSubNavigation: FC<Props> = (props : Props) => {
             <TagLabels editorMode={editorMode} />
           </div>
         )} */}
-        <PagePathNav pageId={pageId} pagePath={path} isCompactMode={isCompactMode} isEditorMode={isEditorMode} />
+        <PagePathNav pageId={pageId} pagePath={path} isCompactMode={isCompactMode} isSingleLineMode={isSignleLineMode} />
       </div>
       {/* Right side */}
       <div className="d-flex">