Public Themes

Author: jnsahaj

app/themes/[themeId]/not-found.tsx

@@ -7,8 +7,8 @@ export default function ThemeNotFound() {
       <div className="text-center">
         <h1 className="text-4xl font-bold mb-4">Theme Not Found</h1>
         <p className="text-muted-foreground mb-8">
-          The theme you're looking for doesn\'t exist or you don\'t have
-          permission to view it.
+          The theme you&apos;re looking for doesn&apos;t exist or you don&apos;t
+          have permission to view it.
         </p>
         <Button asChild>
           <Link href="/editor/theme">Return to Editor</Link>

components/theme-provider.tsx

@@ -10,7 +10,6 @@ type Theme = "dark" | "light";
 type ThemeProviderProps = {
   children: React.ReactNode;
   defaultTheme?: Theme;
-  toggleTheme: (coords?: Coords) => void;
 };
 
 type Coords = { x: number; y: number };

components/theme-view.tsx

@@ -17,6 +17,7 @@ import { useEffect } from "react";
 import { Header } from "./editor/header";
 import { Footer } from "@/components/home/footer";
 import { toast } from "@/components/ui/use-toast";
+
 export default function ThemeView({ theme }: { theme: Theme }) {
   const {
     themeState,
@@ -36,13 +37,8 @@ export default function ThemeView({ theme }: { theme: Theme }) {
     return () => {
       restoreThemeCheckpoint();
     };
-  }, [
-    theme,
-    saveThemeCheckpoint,
-    setThemeState,
-    themeState,
-    restoreThemeCheckpoint,
-  ]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [theme, saveThemeCheckpoint, setThemeState, restoreThemeCheckpoint]);
 
   if (!theme) {
     notFound();