From 15bbc272388e563882735d2f16ea3d3591ee80a6 Mon Sep 17 00:00:00 2001
From: Ahmed Al-Taiar <ahmed@altaiar.dev>
Date: Mon, 7 Apr 2025 17:17:05 -0400
Subject: [PATCH] Attempt to propegate app version properly

---
 Dockerfile                          |  2 ++
 web/src/pages/HomePage/HomePage.tsx | 27 +++++++++++++++++----------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 6e526c9..c5832f0 100755
--- a/Dockerfile
+++ b/Dockerfile
@@ -159,6 +159,8 @@ COPY --chown=node:node graphql.config.js .
 
 COPY --chown=node:node --from=web_build /home/node/app/web/dist /home/node/app/web/dist
 
+ARG APP_VERSION
+
 ENV NODE_ENV=production \
   API_PROXY_TARGET=http://api:8911 \
   APP_VERSION=${APP_VERSION}
diff --git a/web/src/pages/HomePage/HomePage.tsx b/web/src/pages/HomePage/HomePage.tsx
index cdf5c00..e69f3ea 100755
--- a/web/src/pages/HomePage/HomePage.tsx
+++ b/web/src/pages/HomePage/HomePage.tsx
@@ -65,23 +65,30 @@ const HomePage = () => (
       </div>
     </div>
     <div className="fixed bottom-2 left-2 z-10">
-      <div
-        className="tooltip tooltip-right"
-        data-tip={process.env.APP_VERSION || ''}
-      >
+      {process.env.APP_VERSION !== undefined ? (
+        <div
+          className="tooltip tooltip-right"
+          data-tip={process.env.APP_VERSION}
+        >
+          <a
+            href={`https://git.altaiar.dev/ahmed/portfolio/releases/tag/${process.env.APP_VERSION}`}
+            target="_blank"
+            rel="noreferrer"
+            className="btn btn-square"
+          >
+            {getLogoComponent('github')}
+          </a>
+        </div>
+      ) : (
         <a
-          href={
-            process.env.APP_VERSION !== undefined
-              ? `https://git.altaiar.dev/ahmed/portfolio/releases/tag/${process.env.APP_VERSION}`
-              : 'https://git.altaiar.dev/ahmed/portfolio'
-          }
+          href={'https://git.altaiar.dev/ahmed/portfolio'}
           target="_blank"
           rel="noreferrer"
           className="btn btn-square"
         >
           {getLogoComponent('gitea')}
         </a>
-      </div>
+      )}
     </div>
   </>
 )