From 4c2ab094528379290bcd7008313595e44edb22d6 Mon Sep 17 00:00:00 2001
From: Zeke Zhang <sean1832725142@gmail.com>
Date: Wed, 5 Jun 2024 05:42:39 +1000
Subject: [PATCH] feat: add manifest.json and update footer links to be
 dynamically loaded from manifest

---
 components/section/footer.jsx                 | 11 ++++++++++-
 components/ui/button/githubFloatingButton.jsx |  3 ++-
 data/manifest.json                            | 10 ++++++++++
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 data/manifest.json

diff --git a/components/section/footer.jsx b/components/section/footer.jsx
index 192a54c..b5da6e8 100644
--- a/components/section/footer.jsx
+++ b/components/section/footer.jsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { Separator } from "../ui/separator";
 import ExternalTextLink from "../ui/external-text-link";
+import manifest from "@/data/manifest";
 
 const Footer = () => {
   return (
@@ -13,11 +14,19 @@ const Footer = () => {
         {/* Source code Links */}
         <div className="flex items-center space-x-4">
           <ExternalTextLink
-            href="https://github.com/sean1832/portfolio"
+            href={manifest.repository.url}
             className={`text-gray-600 dark:text-gray-400 text-sm uppercase text-center`}
           >
             Source Code
           </ExternalTextLink>
+
+          {/* Version */}
+          <ExternalTextLink
+            href={manifest.repository.latestRelease}
+            className={`text-gray-600 dark:text-gray-400 text-sm uppercase text-center`}
+          >
+            Version: {manifest.version}
+          </ExternalTextLink>
         </div>
       </footer>
     </div>
diff --git a/components/ui/button/githubFloatingButton.jsx b/components/ui/button/githubFloatingButton.jsx
index be63d60..5b9ddd1 100644
--- a/components/ui/button/githubFloatingButton.jsx
+++ b/components/ui/button/githubFloatingButton.jsx
@@ -2,10 +2,11 @@ import React from "react";
 import FloatingButton from "./floatingButton";
 import { GitHubLogoIcon } from "@radix-ui/react-icons";
 import Link from "next/link";
+import manifest from "@/data/manifest";
 
 const GithubFloatingButton = () => {
   return (
-    <Link href="https://github.com/sean1832/portfolio" target="_blank">
+    <Link href={manifest.repository.url} target="_blank">
       <FloatingButton
         scrollOffset={300}
         className="h-8 md:w-[152px] w-8 opacity-80 hover:opacity-100"
diff --git a/data/manifest.json b/data/manifest.json
new file mode 100644
index 0000000..cdd3d57
--- /dev/null
+++ b/data/manifest.json
@@ -0,0 +1,10 @@
+{
+  "name": "Zeke Zhang Portfolio",
+  "version": "0.1.0",
+  "description": "My personal portfolio website built with Next.js and Tailwind CSS. The website showcases my past projects, skills, and experiences.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sean1832/portfolio.git",
+    "latestRelease": "https://github/sean1832/portfolio/releases/latest"
+  }
+}