Quietly embed version to homepage

.gitea/workflows/ci.yml

@@ -22,7 +22,7 @@ jobs:
 
       - name: Build & Tag Image
         run: |
-          docker build -t git.altaiar.dev/${{ gitea.repository }}:${{ gitea.ref_name }} .
+          docker build --build-arg APP_VERSION=${{ gitea.ref_name }} -t git.altaiar.dev/${{ gitea.repository }}:${{ gitea.ref_name }} .
           docker tag git.altaiar.dev/${{ gitea.repository }}:${{ gitea.ref_name }} git.altaiar.dev/${{ gitea.repository }}:latest
 
       - name: Push Images

Dockerfile

@@ -67,6 +67,7 @@ ARG CITY
 ARG DEFAULT_THEME
 ARG API_ADDRESS_PROD
 ARG API_ADDRESS_DEV
+ARG APP_VERSION
 
 COPY --chown=node:node web web
 RUN yarn rw build web
@@ -83,6 +84,7 @@ ARG CITY
 ARG DEFAULT_THEME
 ARG API_ADDRESS_PROD
 ARG API_ADDRESS_DEV
+ARG APP_VERSION
 
 COPY --chown=node:node web web
 RUN yarn rw build web --no-prerender
@@ -157,7 +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
 
 ENV NODE_ENV=production \
-  API_PROXY_TARGET=http://api:8911
+  API_PROXY_TARGET=http://api:8911 \
+  APP_VERSION=${APP_VERSION}
 
 # We use the shell form here for variable expansion.
 CMD "node_modules/.bin/rw-web-server" "--api-proxy-target" "$API_PROXY_TARGET"

redwood.toml

@@ -9,7 +9,7 @@
   title = "${FIRST_NAME} ${LAST_NAME}"
   port = 8910
   apiUrl = "/api"
-  includeEnvironmentVariables = ["FIRST_NAME", "LAST_NAME", "COUNTRY", "STATE", "CITY", "DEFAULT_THEME", "API_ADDRESS_PROD", "API_ADDRESS_DEV"]
+  includeEnvironmentVariables = ["FIRST_NAME", "LAST_NAME", "COUNTRY", "STATE", "CITY", "DEFAULT_THEME", "API_ADDRESS_PROD", "API_ADDRESS_DEV", "APP_VERSION"]
 [generate]
   tests = false
   stories = false

web/src/pages/HomePage/HomePage.tsx

@@ -65,14 +65,23 @@ const HomePage = () => (
       </div>
     </div>
     <div className="fixed bottom-2 left-2 z-10">
-      <a
-        href="https://git.altaiar.dev/ahmed/portfolio"
-        target="_blank"
-        rel="noreferrer"
-        className="btn btn-square"
+      <div
+        className="tooltip tooltip-right"
+        data-tip={process.env.APP_VERSION || ''}
       >
-        {getLogoComponent('gitea')}
-      </a>
+        <a
+          href={
+            process.env.APP_VERSION.length > 0
+              ? `https://git.altaiar.dev/ahmed/portfolio/releases/tag/${process.env.APP_VERSION}`
+              : 'https://git.altaiar.dev/ahmed/portfolio'
+          }
+          target="_blank"
+          rel="noreferrer"
+          className="btn btn-square"
+        >
+          {getLogoComponent('gitea')}
+        </a>
+      </div>
     </div>
   </>
 )