[dyad] Added version number to footer - wrote 1 file(s)

src/components/footer.tsx

@@ -1,14 +1,26 @@
 import Link from "next/link";
 import { Github, Twitter } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { changelogData } from "@/lib/changelog-data";
 
 export function Footer() {
+  const latestVersion = changelogData[0]?.version;
+
   return (
     <footer className="w-full border-t bg-background">
       <div className="container mx-auto flex h-16 items-center justify-between px-4 md:px-6">
         <p className="text-sm text-muted-foreground">
           © {new Date().getFullYear()} Image Web Exporter
         </p>
+        <div className="flex items-center gap-4">
+          {latestVersion && (
+            <Link
+              href="/changelog"
+              className="text-sm text-muted-foreground hover:text-primary transition-colors"
+            >
+              v{latestVersion}
+            </Link>
+          )}
           <div className="flex items-center gap-1">
             <Button variant="ghost" size="icon" asChild>
               <Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
@@ -22,6 +34,7 @@ export function Footer() {
             </Button>
           </div>
         </div>
+      </div>
     </footer>
   );
 }