add login page

2026-04-18 15:27:52 +00:00 · 2026-04-15 12:50:44 +01:00
parent 1beda1f8f6
commit b84d6dd162
5 changed files with 162 additions and 6 deletions
@@ -1,6 +1,8 @@
 import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import { GoogleOAuthProvider } from "@react-oauth/google";
+import { ThemeProvider } from 'next-themes'

 const inter = Inter({
  variable: "--font-inter",
@@ -36,12 +38,20 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="pt" className={`${inter.variable} h-full antialiased`}>
-      <body
-        className={`min-h-full flex flex-col bg-white text-neutral-900 ${inter.className}`}
-      >
-        {children}
+    // Remova o style={{ colorScheme: 'light' }} daqui, 
+    // pois o Next.js tem dificuldade em hidratar estilos inline no <html>
+    <html lang="pt" style={{ colorScheme: 'light' }} className={`${inter.variable} light h-full antialiased`} suppressHydrationWarning>
+      <body className={`min-h-full flex flex-col bg-[#f5f5f7] text-neutral-900 ${inter.className}`}>
+        <GoogleOAuthProvider clientId="618391854803-gtdbtnf5t78stsmd1724s8c456tfq4lr.apps.googleusercontent.com">
+          <ThemeProvider 
+            attribute="class" 
+            defaultTheme="light"
+            enableSystem={false}
+          >
+            {children}
+          </ThemeProvider>
+        </GoogleOAuthProvider>
      </body>
    </html>
  );
-}
+}