darkmode

app/api/chat/google/route.ts

@@ -1,15 +1,6 @@
 import { getServerConfig } from "@/config/server";
 import { GoogleGenerativeAI, HarmCategory, HarmBlockThreshold } from "@google/generative-ai";
 
-// Ensure the environment variable is correctly set and decoded
-const googleServiceKey = process.env.GOOGLE_SERVICE_KEY;
-if (!googleServiceKey) {
-  throw new Error("Missing GOOGLE_SERVICE_KEY environment variable.");
-}
-
-const credentials = JSON.parse(
-  Buffer.from(googleServiceKey, "base64").toString()
-);
 
 export async function POST(req: Request) {
   try {

app/components/DarkSwitch.tsx

@@ -5,8 +5,13 @@ import React, { useState, useEffect } from "react";
 // DarkSwitch component
 const DarkSwitch = () => {
   // State to track dark mode
-  const [darkMode, setDarkMode] = useState(false);
-
+  const [darkMode, setDarkMode] = useState(() => {
+    if (typeof window !== "undefined" ) {
+      return localStorage.getItem("theme") === "dark";
+    }
+    return false;
+  });
+
   // Function to toggle dark mode
   const toggleDarkMode = () => {
     setDarkMode(!darkMode);
@@ -15,6 +20,9 @@ const DarkSwitch = () => {
   // Use effect to update the class on body based on dark mode state
   useEffect(() => {
     document.body.classList.toggle("dark", darkMode);
+    if (typeof window !== "undefined") {
+      localStorage.setItem("theme", darkMode ? "dark" : "light");
+    }
   }, [darkMode]);
 
   return (

tailwind.config.js

@@ -5,7 +5,7 @@ module.exports = {
     './components/**/*.{js,ts,jsx,tsx,mdx}',
     './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
-  darkMode: ["class"],
+  darkMode: ['selector'],
   theme: {
     extend: {},
   },