remove banner to prevent localstorage access.

imprakharshukla · imprakharshukla · commit d09077380c89 · 2025-10-16T18:34:23.000+05:30
diff --git a/app/(docs)/layout.tsx b/app/(docs)/layout.tsx
@@ -17,6 +17,21 @@ export default function RootDocsLayout({ children }: { children: React.ReactNode
       tree={source.pageTree}
       sidebar={{
         defaultOpenLevel: 1,
+        banner: (
+          <div className="bg-orange-500/10 border border-orange-500/20 rounded-lg p-3 mb-4">
+            <div className="flex flex-col gap-1">
+              <span className="font-medium text-sm text-orange-600 dark:text-orange-400">
+                🚨 Process completed (signal 9) error?
+              </span>
+              <a
+                href="/android-12/andronix-on-android-12-and-beyond"
+                className="text-xs text-orange-700 dark:text-orange-300 underline hover:text-orange-900 dark:hover:text-orange-100"
+              >
+                Read the fix →
+              </a>
+            </div>
+          </div>
+        ),
       }}
     >
       {children}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,63 +1,41 @@
-import './global.css';
-import { RootProvider } from 'fumadocs-ui/provider';
-import { Banner } from 'fumadocs-ui/components/banner';
-import { Inter } from 'next/font/google';
+import "./global.css";
+import { RootProvider } from "fumadocs-ui/provider";
+import { Inter } from "next/font/google";
 
 const inter = Inter({
-  subsets: ['latin'],
+  subsets: ["latin"],
 });
 
 export const metadata = {
   title: {
-    template: '%s - Andronix Docs',
-    default: 'Andronix Documentation',
+    template: "%s - Andronix Docs",
+    default: "Andronix Documentation",
   },
-  description: 'Andronix lets you install Linux distributions like Ubuntu, Debian, and Manjaro on non-rooted Android devices. Read our documentation for step-by-step instructions.',
-  metadataBase: new URL('https://docs.andronix.app'),
+  description:
+    "Andronix lets you install Linux distributions like Ubuntu, Debian, and Manjaro on non-rooted Android devices. Read our documentation for step-by-step instructions.",
+  metadataBase: new URL("https://docs.andronix.app"),
   openGraph: {
-    title: 'Andronix Documentation',
-    description: 'Andronix lets you install Ubuntu, Debian, and Manjaro on non-rooted Android devices. Our documentation provides step-by-step instructions and troubleshooting tips to help you set up your Linux environment quickly and easily. Experience the power of Linux on your mobile device with Andronix.',
-    url: 'https://docs.andronix.app/',
-    images: '/og.png',
-    type: 'website',
+    title: "Andronix Documentation",
+    description:
+      "Andronix lets you install Ubuntu, Debian, and Manjaro on non-rooted Android devices. Our documentation provides step-by-step instructions and troubleshooting tips to help you set up your Linux environment quickly and easily. Experience the power of Linux on your mobile device with Andronix.",
+    url: "https://docs.andronix.app/",
+    images: "/og.png",
+    type: "website",
   },
   twitter: {
-    card: 'summary_large_image',
-    title: 'Andronix Documentation',
-    description: 'Andronix lets you install Ubuntu, Debian, and Manjaro on non-rooted Android devices. Our documentation provides step-by-step instructions and troubleshooting tips to help you set up your Linux environment quickly and easily. Experience the power of Linux on your mobile device with Andronix.',
-    images: '/og.png',
+    card: "summary_large_image",
+    title: "Andronix Documentation",
+    description:
+      "Andronix lets you install Ubuntu, Debian, and Manjaro on non-rooted Android devices. Our documentation provides step-by-step instructions and troubleshooting tips to help you set up your Linux environment quickly and easily. Experience the power of Linux on your mobile device with Andronix.",
+    images: "/og.png",
   },
 };
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
       <body>
-        <Banner
-          id="android-12-fix"
-          variant="rainbow"
-          rainbowColors={[
-            'rgba(255,100,0, 0.5)',
-            'rgba(255,100,0, 0.5)',
-            'transparent',
-            'rgba(255,100,0, 0.5)',
-            'transparent',
-            'rgba(255,100,0, 0.5)',
-            'transparent',
-          ]}
-        >
-          <div className="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2 text-center sm:text-left">
-            <span className="font-medium">🚨 Resolve <strong>Process completed (signal 9)</strong> error</span>
-            <span className="hidden sm:inline">→</span>
-            <a
-              href="/android-12/andronix-on-android-12-and-beyond"
-              className="underline hover:text-white transition-colors"
-            >
-              Read the fix
-            </a>
-          </div>
-        </Banner>
-        <RootProvider>{children}</RootProvider>
+        <RootProvider theme={{ defaultTheme: "Darl" }}>{children}</RootProvider>
       </body>
     </html>
   );
