chore(navbar): added link to version's github release changelog

.github/workflows/github-discord-releases.yml

@@ -0,0 +1,17 @@
+on:
+  release:
+    types: [published]
+
+jobs:
+  github-releases-to-discord:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Github Releases To Discord
+        uses: SethCohen/github-releases-to-discord@v1.13.1
+        with:
+          webhook_url: '${{ secrets.WEBHOOK_URL }}'
+          color: '10038562'
+          footer_title: 'Changelog - GeneraTOR'
+          footer_timestamp: true

src/components/App/Navbar.vue

@@ -2,9 +2,12 @@
   <nav class="bg-zinc-900 w-full p-1 print:hidden flex justify-between items-center relative">
     <div class="flex items-center">
       <img src="/favicon.svg" class="size-8 inline" alt="SRJP logo" />
-      <b class="ml-2 text-lg"
+      <b class="ml-2 text-lg">
-        >Rozkładownik TD2 <sup class="font-semibold text-zinc-300">{{ version }}</sup></b
+        Rozkładownik TD2
-      >
+        <sup class="font-semibold text-zinc-300">
+          <a :href="releaseHref" target="_blank">v{{ version }}</a>
+        </sup>
+      </b>
     </div>
 
     <div>
@@ -23,12 +26,15 @@
 import { GlobeIcon } from 'lucide-vue-next';
 import { version } from '../../../package.json';
 import { useI18n } from 'vue-i18n';
+import { computed } from 'vue';
 
 const i18n = useI18n();
 
 function changeLang(locale?: string) {
-  i18n.locale.value = locale ?? i18n.locale.value == 'pl' ? 'en' : 'pl';
+  i18n.locale.value = (locale ?? i18n.locale.value == 'pl') ? 'en' : 'pl';
   window.localStorage.setItem('locale', i18n.locale.value);
 }
+
+const releaseHref = computed(() => `https://github.com/Spythere/srjp-td2/releases/tag/v${version}`);
 // const apiMode = import.meta.env.VITE_API_MODE;
 </script>