feat(docs/layout): Refactor layout component to use updated DocsLayoutProps and improve theme switching

arghyaxcodes · arghyaxcodes · commit 49796d014617 · 2025-07-20T21:39:16.000+05:30
diff --git a/src/app/docs/layout.tsx b/src/app/docs/layout.tsx
@@ -1,12 +1,16 @@
-import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import { DocsLayout, DocsLayoutProps } from "fumadocs-ui/layouts/notebook";
 import type { ReactNode } from "react";
 import { baseOptions } from "@/app/layout.config";
 import { source } from "@/lib/source";
 
+const docsLayoutOptions: DocsLayoutProps = {
+  tree: source.pageTree,
+  ...baseOptions,
+  themeSwitch: {
+    mode: "light-dark",
+  },
+};
+
 export default function Layout({ children }: { children: ReactNode }) {
-  return (
-    <DocsLayout tree={source.pageTree} {...baseOptions}>
-      {children}
-    </DocsLayout>
-  );
+  return <DocsLayout {...docsLayoutOptions}>{children}</DocsLayout>;
 }
