Merge pull request Q42#49 from Q42/fix/show-page-tree-items-without-slug

Fix showing page tree items without slug

Author: Djovanni Tehubijuluw

src/components/PageTreeViewItem.tsx

@@ -112,7 +112,7 @@ export const PageTreeViewItem = ({
             onClick={onItemClick}>
             <Flex align="center" gap={3}>
               <UrlText isDisabled={isDisabled || (!page.isPublished && page.isDraft)} textOverflow="ellipsis">
-                {parentPath ? page.slug?.current : getRootPageSlug(page, config) ?? '/'}
+                {parentPath ? page.slug?.current ?? 'untitled' : getRootPageSlug(page, config) ?? '/'}
               </UrlText>
               {!isDisabled && !hideActions && (isHovered || hasActionOpen) && (
                 <PageTreeViewItemActions

src/helpers/page-tree.ts

@@ -96,7 +96,7 @@ const mapPageTreeItems = (
 
   return getChildPages(parentId).map(page => {
     const pagePath = parentPath
-      ? `${parentPath === '/' ? '' : parentPath}/${page.slug?.current}`
+      ? `${parentPath === '/' ? '' : parentPath}/${page.slug?.current ?? ''}`
       : `/${getRootPageSlug(page, config) ?? ''}`;
     const children = orderBy(mapPageTreeItems(config, pagesWithPublishedState, page._id, pagePath), 'path');
 
@@ -141,7 +141,7 @@ const getPublishedAndDraftRawPageMetadata = (
 };
 
 const isValidPage = (config: PageTreeConfig, page: RawPageMetadata): boolean => {
-  if (!page.parent || !page.slug) {
+  if (!page.parent) {
     if (page._type !== config.rootSchemaType) {
       return false;
     }