fix(site): make version badge an button linking to latest gh release page

Keshav-writes-code · Keshav-writes-code · commit 598a444ddf86 · 2026-02-09T18:45:46.000Z
diff --git a/apps/site/src/pages/downloads.astro b/apps/site/src/pages/downloads.astro
@@ -39,8 +39,10 @@ const download_count_server = get_total_downloads(gh_releases_metadata);
       >
         <p class="text-xs text-[var(--color-base-content)]/60">Version</p>
 
-        <div
-          class="flex items-center h-max py-1 px-4 badge badge-outline bg-primary/30 badge-primary badge-xl gap-3 mt-0"
+        <a
+          href="https://github.com/keshav-writes-code/cherit/releases/latest/"
+          target="_blank"
+          class="flex items-center h-max py-1 px-4 badge badge-outline bg-primary/30 badge-primary badge-xl gap-3 mt-0 hover:scale-102 duration-300"
         >
           <Image
             width={25}
@@ -58,7 +60,7 @@ const download_count_server = get_total_downloads(gh_releases_metadata);
               )
             }</span
           >
-        </div>
+        </a>
       </div>
       <div class="p-5 gap-4 flex flex-col">
         <p class="text-xs text-[var(--color-base-content)]/60">

Original file line number	Diff line number	Diff line change
`@@ -39,8 +39,10 @@ const download_count_server = get_total_downloads(gh_releases_metadata);`
`39`	`39`	`>`
`40`	`40`	`<p class="text-xs text-[var(--color-base-content)]/60">Version</p>`
`41`	`41`
`42`		`- <div`
`43`		`- class="flex items-center h-max py-1 px-4 badge badge-outline bg-primary/30 badge-primary badge-xl gap-3 mt-0"`
	`42`	`+ <a`
	`43`	`+ href="https://github.com/keshav-writes-code/cherit/releases/latest/"`
	`44`	`+ target="_blank"`
	`45`	`+ class="flex items-center h-max py-1 px-4 badge badge-outline bg-primary/30 badge-primary badge-xl gap-3 mt-0 hover:scale-102 duration-300"`
`44`	`46`	`>`
`45`	`47`	`<Image`
`46`	`48`	`width={25}`
`@@ -58,7 +60,7 @@ const download_count_server = get_total_downloads(gh_releases_metadata);`
`58`	`60`	`)`
`59`	`61`	`}</span`
`60`	`62`	`>`
`61`		`- </div>`
	`63`	`+ </a>`
`62`	`64`	`</div>`
`63`	`65`	`<div class="p-5 gap-4 flex flex-col">`
`64`	`66`	`<p class="text-xs text-[var(--color-base-content)]/60">`