Adds Footer for source code link

cr2007 · Jan 22, 2025 · e36a443 · e36a443
1 parent 1952a51
commit e36a443
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,14 +1,17 @@
 "use client";
 
-// import Image from "next/image";
+import Image from "next/image";
 import { useState } from "react";
 import { HeatMapForm } from "@/components/heatMapForm";
 import { ChatgptHeatmap, ChatgptSummary } from "@/components/chatgpt-heatmap";
 import { ModeToggle } from "@/components/modeToggle";
-// import { useTheme } from "next-themes";
+import { useTheme } from "next-themes";
 
 export default function Home() {
-  // const { theme } = useTheme();
+  const { theme, resolvedTheme } = useTheme();
+
+  // Resolve the theme if "system" theme is selected
+  const effectiveTheme = theme === "system" ? resolvedTheme : theme;
 
   // Input Values
   const [file, setFile] = useState<ChatgptSummary[] | null>(null);
@@ -42,7 +45,7 @@ export default function Home() {
       )}
 
       <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
-        {/* <a
+        <a
           className="flex items-center gap-2 hover:underline hover:underline-offset-4"
           href="https://github.com/cr2007/chatgpt-heatmap-web"
           target="_blank"
@@ -52,16 +55,16 @@ export default function Home() {
             aria-hidden
             // src="https://upload.wikimedia.org/wikipedia/commons/9/91/Octicons-mark-github.svg"
             src={
-              theme === "dark"
-              ? "https://github.com/cr2007/chatgpt-heatmap-web/blob/main/assets/github-mark-white.svg" // Light version for dark theme
-              : "https://github.com/cr2007/chatgpt-heatmap-web/blob/main/assets/github-mark.svg"
+              resolvedTheme === "dark"
+              ? "https://github.com/cr2007/chatgpt-heatmap-web/raw/refs/heads/main/assets/github-mark-white.svg" // Light version for dark theme
+              : "https://github.com/cr2007/chatgpt-heatmap-web/raw/refs/heads/main/assets/github-mark.svg"
             }
             alt="GitHub Icon"
-            width={16}
-            height={16}
+            width={32}
+            height={32}
           />
           Source Code
-        </a> */}
+        </a>
 
         {/* <a
           className="flex items-center gap-2 hover:underline hover:underline-offset-4"