chore(app): moved discord link from footer to stations view

src/components/App/AppFooter.vue

@@ -7,13 +7,6 @@
       v{{ version }}{{ isOnProductionHost ? '' : 'dev' }}
     </button>
 
-    <br />
-    <a href="https://discord.gg/x2mpNN3svk">
-      <img src="/images/icon-discord.png" alt="discord logo icon" />&nbsp;<b class="text--discord">
-        {{ $t('footer.discord') }}
-      </b>
-    </a>
-
     <div style="display: none">&int; ukryta taktyczna całka do programowania w HTMLu</div>
   </footer>
 </template>

src/locales/en.json

@@ -87,10 +87,8 @@
     "tooltip-scenery-offline": "Scenery is offline",
     "pojazdownik-link-content": "POJAZDOWNIK",
     "language-tooltip-content": "JĘZYK / LANGUAGE",
-    "gnr-link-content": "TRAIN ORDERS <br> GENERATOR"
-  },
-  "footer": {
-    "discord": "Stacjownik Discord server"
+    "gnr-link-content": "TRAIN ORDERS <br> GENERATOR",
+    "discord-link-content": "STACJOWNIK <br> DISCORD SERVER"
   },
   "categories": {
     "EI": "domestic express",

src/locales/pl.json

@@ -83,10 +83,8 @@
     "tooltip-scenery-offline": "Sceneria offline",
     "pojazdownik-link-content": "POJAZDOWNIK",
     "language-tooltip-content": "JĘZYK / LANGUAGE",
-    "gnr-link-content": "GENERATOR <br> ROZKAZÓW PISEMNYCH"
-  },
-  "footer": {
-    "discord": "Serwer Discord Stacjownika"
+    "gnr-link-content": "GENERATOR <br> ROZKAZÓW PISEMNYCH",
+    "discord-link-content": "SERWER DISCORD <br> STACJOWNIKA"
   },
   "categories": {
     "EI": "ekspres krajowy",

src/views/StationsView.vue

@@ -32,6 +32,16 @@
             <FlagIcon :language-id="mainStore.currentLocale == 'pl' ? 0 : 1" />
           </button>
 
+          <a
+            class="a-button btn--image discord-link"
+            href="https://discord.gg/x2mpNN3svk"
+            target="_blank"
+            data-tooltip-type="HtmlTooltip"
+            :data-tooltip-content="`<b>${$t('app.discord-link-content')}</b>`"
+          >
+            <img src="/images/icon-discord.png" alt="discord logo icon" />
+          </a>
+
           <a
             class="a-button btn--image gnr-link"
             href="https://generator-td2.web.app/"
@@ -203,11 +213,12 @@ a.pojazdownik-link {
   }
 }
 
-a.gnr-link {
+a.gnr-link,
+a.discord-link {
   background-color: #141414;
 
   &:hover {
-    background-color: #222222;
+    background-color: #333;
   }
 }