feat(web): link to Github release page in web sidebar (#1192)

* add github link to hoarder version in sidebar

* add target blank and rel

* add underline on hover

1 files changed, 8 insertions, 2 deletions

diff --git a/apps/web/components/shared/sidebar/Sidebar.tsx b/apps/web/components/shared/sidebar/Sidebar.tsx
index 2e3cd9e7..b38b7306 100644
--- a/apps/web/components/shared/sidebar/Sidebar.tsx
+++ b/apps/web/components/shared/sidebar/Sidebar.tsx
@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { useTranslation } from "@/lib/i18n/server";
 import { TFunction } from "i18next";
 
@@ -30,9 +31,14 @@ export default async function Sidebar({
         </ul>
       </div>
       {extraSections}
-      <div className="mt-auto flex items-center border-t pt-2 text-sm text-gray-400">
+      <Link
+        href={`https://github.com/hoarder-app/hoarder/releases/tag/v${serverConfig.serverVersion}`}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="mt-auto flex items-center border-t pt-2 text-sm text-gray-400 hover:underline"
+      >
         Hoarder v{serverConfig.serverVersion}
-      </div>
+      </Link>
     </aside>
   );
 }