refactor: Update findNavigationLink to include subitems in search

app/lib/navigation.ts

@@ -119,15 +119,17 @@ export const navigation: NavigationSection[] = [
   },
 ];
 
-export function findNavigationLink(namespace: string, href: string) {
+export function findNavigationLink(namespace: string, href: string): NavigationLink | undefined {
   const currentUrl = `/${namespace}/${href}`.replace(/\/+/g, "/").replace(/\/$/, "");
 
-  const links = navigation.flatMap((section) => section.links);
-  const subitems = links.flatMap((link) => link.subitems);
-  const allLinks = new Set([...links, ...subitems]);
-  const foundLink = Array.from(allLinks).find((link) => link.href === currentUrl);
-
-  console.log({ allLinks, currentUrl });
+  const foundLink = navigation
+    .flatMap((section) => section.links)
+    .find((link) => {
+      link.href === currentUrl ||
+        link.subitems.some((subitem) => {
+          subitem.href === currentUrl;
+        });
+    });
 
   return foundLink;
 }

app/pages/+config.ts

@@ -23,7 +23,7 @@ export default {
     class: "flex min-h-full bg-white dark:bg-slate-900",
   },
 
-  image: null,
+  image: "/og.webp",
 
   // prerender: true,
   prefetchStaticAssets: "hover",

app/pages/certifications/+data.ts

@@ -1,6 +1,7 @@
 import type { PageContext } from "vike/types";
 
 import { snippetsService } from "@/services/SnippetsService";
+import { findNavigationLink } from "@/lib/navigation";
 import { docsService } from "@/services/DocsService";
 import { readingTime } from "reading-time-estimator";
 import { useConfig } from "vike-react/useConfig";
@@ -15,6 +16,7 @@ export async function data(pageContext: PageContext) {
   const { key } = pageContext.routeParams;
 
   const doc = await docsService.getDoc("certifications", key);
+  const link = findNavigationLink("docs", key);
 
   if (!doc) {
     throw render(404);
@@ -25,6 +27,7 @@ export async function data(pageContext: PageContext) {
   config({
     title: buildTitle(doc.title),
     description: doc.description,
+    image: link?.og?.image || "/og.webp",
   });
 
   docsService.transform(doc);

app/pages/docs/+data.ts

@@ -27,7 +27,7 @@ export async function data(pageContext: PageContext) {
   config({
     title: buildTitle(doc.title),
     description: doc.description,
-    image: link?.og?.image || "notfound",
+    image: link?.og?.image || "/og.webp",
   });
 
   docsService.transform(doc);