Merge pull request #87 from yanosea/86-add-link-to-release-page-in-ve…

…rsion-info-in-footer ✨feat: add link to release page in version info in footer
yanosea · May 31, 2024 · 5e2624d · 5e2624d
2 parents fbac405 + 4c5d550
commit 5e2624d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/front/src/components/Footer.astro b/front/src/components/Footer.astro
@@ -9,7 +9,17 @@ import SpotifyStatus from "@/components/SpotifyStatus.astro";
     <span id="yanopPortfolioCopyRightYear" class="text-sm" transition:persist
     ></span>
     <span class="text-sm">yanosea</span>
-    <span id="yanopPortfolioVersion" class="text-sm" transition:persist></span>
+    <a
+      id="yanopPortfolioVersionLink"
+      target="_blank"
+      rel="noopener noreferrer"
+      transition:persist
+    >
+      <span
+        id="yanopPortfolioVersion"
+        class="text-sm hover:text-blue transition-colors"
+        transition:persist></span>
+    </a>
     <span
       class="flex space-x-4 border-main dark:border-main-dark border-l pl-4"
     >

diff --git a/front/src/libs/common.ts b/front/src/libs/common.ts
@@ -6,6 +6,9 @@ export async function setCopyRightYear() {
 
 export async function setLatestVersion() {
   const yanoPortfolioVersionElement = document.getElementById("yanopPortfolioVersion");
+  const yanoPortfolioVersionLinkElement = document.getElementById(
+    "yanopPortfolioVersionLink",
+  ) as HTMLAnchorElement;
   const latestVersion: string = await getLatestVersion();
   if (!latestVersion) {
     yanoPortfolioVersionElement.style.display = "none";
@@ -15,6 +18,8 @@ export async function setLatestVersion() {
 
   yanoPortfolioVersionElement.style.display = "flex";
   yanoPortfolioVersionElement.textContent = latestVersion;
+  yanoPortfolioVersionLinkElement.href =
+    "https://github.com/yanosea/yanoPortfolio/releases/tag/" + latestVersion;
 }
 
 async function getLatestVersion(): Promise<string | null> {