fix(docs): not found page (#75)

Fixes styling and page components on the docs "Not Found" page
lazarv · Nov 9, 2024 · 9f3b6b9 · 9f3b6b9
1 parent 63ba3e1
commit 9f3b6b9
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 7 deletions.
diff --git a/docs/src/pages.mjs b/docs/src/pages.mjs
@@ -68,3 +68,7 @@ export function getPages(pathname, lang) {
         }),
     }));
 }
+
+export function hasCategory(category) {
+  return categories?.find((c) => c.toLowerCase() === category?.toLowerCase());
+}
diff --git a/docs/src/pages/@breadcrumb/[[lang]]/[category]/(breadcrumb).[...slug].page.jsx b/docs/src/pages/@breadcrumb/[[lang]]/[category]/(breadcrumb).[...slug].page.jsx
@@ -1,6 +1,11 @@
 import { defaultLanguage } from "../../../../const.mjs";
+import { hasCategory } from "../../../../pages.mjs";
 
 export default function Breadcrumb({ lang, category }) {
+  if (!hasCategory(category)) {
+    return null;
+  }
+
   return (
     <a
       data-no-content

diff --git a/docs/src/pages/@contents/[[lang]]/[category]/(table-of-contents).[...slug].page.jsx b/docs/src/pages/@contents/[[lang]]/[category]/(table-of-contents).[...slug].page.jsx
@@ -6,11 +6,12 @@ import { getPages } from "../../../../pages.mjs";
 
 export default function Contents({ lang, category }) {
   const pathname = usePathname();
-  const { frontmatter } = getPages(pathname, lang)
-    .find(({ category: c }) => c.toLowerCase() === category.toLowerCase())
-    ?.pages.find(({ langHref }) => langHref === pathname);
+  const { frontmatter } =
+    getPages(pathname, lang)
+      .find(({ category: c }) => c.toLowerCase() === category.toLowerCase())
+      ?.pages.find(({ langHref }) => langHref === pathname) ?? {};
 
-  if (frontmatter?.contents === false) return null;
+  if (!frontmatter || frontmatter?.contents === false) return null;
 
   return (
     <Sidebar id="contents" menu="On this page" right>

diff --git a/docs/src/pages/@sidebar/[[lang]]/(sidebar).[...slug].page.jsx b/docs/src/pages/@sidebar/[[lang]]/(sidebar).[...slug].page.jsx
@@ -4,17 +4,21 @@ import { usePathname } from "@lazarv/react-server";
 
 import Sidebar from "../../../components/Sidebar.jsx";
 import { defaultLanguage } from "../../../const.mjs";
-import { categories } from "../../../pages.mjs";
+import { hasCategory, categories } from "../../../pages.mjs";
 
 const pages = Array.from(
   Object.entries(
     import.meta.glob("../../../**/\\(pages\\)/**/*.{md,mdx}", { eager: true })
   )
 );
 
-export default function PageSidebar({ lang }) {
+export default function PageSidebar({ lang, slug: [category] }) {
   const pathname = usePathname();
 
+  if (!hasCategory(category)) {
+    return null;
+  }
+
   return (
     <Sidebar id="sidebar" menu="Menu">
       {Array.from(

diff --git a/docs/src/pages/en/(404).[[...slug]].page.mdx b/docs/src/pages/en/(404).[[...slug]].page.mdx
@@ -7,7 +7,7 @@ export function NotFound() {
 
 <NotFound />
 
-<div className="flex flex-col gap-4 h-full justify-center items-center text-center">
+<div className="flex flex-col gap-4 w-full h-full justify-center items-center text-center">
 # Not Found
 
 Sorry, this page was not found.
-Original file line number
+Diff line change
@@ Expand Up / @@ -68,3 +68,7 @@ export function getPages(pathname, lang) { @@
             }),
         }));
     }
+    export function hasCategory(category) {
+      return categories?.find((c) => c.toLowerCase() === category?.toLowerCase());
+    }