Add theme & tvmode

2025-03-18 14:01:04 -05:00
parent 94d1d1cfbf
commit f9e50add6f
22 changed files with 2309 additions and 2983 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,20 +1,59 @@
 import '@/styles/globals.css';
-
 import { GeistSans } from 'geist/font/sans';
-import { type Metadata } from 'next';
+import { cn } from '@/lib/utils';
+import { ThemeProvider } from '@/components/context/Theme';
+import { TVModeProvider } from '@/components/context/TVMode';

+import { type Metadata } from 'next';
 export const metadata: Metadata = {
-  title: 'Create T3 App',
-  description: 'Generated by create-t3-app',
-  icons: [{ rel: 'icon', url: '/favicon.ico' }],
+  title: 'Tech Tracker',
+  description:
+    'App used by COG IT employees to \
+    update their status throughout the day.',
+  icons: [
+    {
+      rel: 'icon',
+      url: '/favicon.ico',
+    },
+    {
+      rel: 'icon',
+      type: 'image/png',
+      sizes: '32x32',
+      url: '/images/tech_tracker_favicon.png',
+    },
+    {
+      rel: 'apple-touch-icon',
+      url: '/imges/tech_tracker_appicon.png',
+    },
+  ],
 };

-export default function RootLayout({
+const RootLayout = ({
  children,
-}: Readonly<{ children: React.ReactNode }>) {
+}: Readonly<{ children: React.ReactNode }>) => {
  return (
-    <html lang='en' className={`${GeistSans.variable}`}>
-      <body>{children}</body>
+    <html
+      lang='en'
+      className={`${GeistSans.variable}`}
+      suppressHydrationWarning
+    >
+      <body
+        className={cn(
+          'min-h-screen bg-background font-sans antialiased'
+        )}
+      >
+        <ThemeProvider
+          attribute='class'
+          defaultTheme='system'
+          enableSystem
+          disableTransitionOnChange
+        >
+          <TVModeProvider>
+            {children}
+          </TVModeProvider>
+        </ThemeProvider>
+      </body>
    </html>
  );
-}
+};
+export default RootLayout;