ikona donatora w zakładce Pociągi; poprawki tłumaczeń

src/components/Global/Donation.vue

@@ -38,7 +38,7 @@
           <br />
           <i18n-t keypath="donations.p4" tag="p">
             <template v-slot:img>
-              <img src="/images/icon-diamond.svg" alt="diamond donator icon" />
+              <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
             </template>
 
             <template v-slot:b1>
@@ -46,7 +46,7 @@
             </template>
 
             <template v-slot:b2>
-              <b class="text--honorable">{{ $t('donations.p4-b2') }}</b>
+              <b>{{ $t('donations.p4-b2') }}</b>
             </template>
           </i18n-t>
           <br />
@@ -164,6 +164,7 @@ export default defineComponent({
 
 .modal_main {
   overflow: auto;
+
   img {
     max-height: 20px;
     margin-right: 5px;

src/components/StationsView/StationTable.vue

@@ -110,15 +110,14 @@
 
           <td class="station_dispatcher-name">
             <span v-if="station.onlineInfo?.dispatcherName">
-              <div
+              <b
                 v-if="store.donatorsData.includes(station.onlineInfo.dispatcherName)"
                 title="Dyżurny wspierający projekt Stacjownika!"
-                class="text--honorable"
                 @click.stop="openDonationModal"
               >
                 <img src="/images/icon-diamond.svg" alt="" />
                 {{ station.onlineInfo.dispatcherName }}
-              </div>
+              </b>
 
               <div v-else>
                 {{ station.onlineInfo.dispatcherName }}

src/components/TrainsView/TrainInfo.vue

@@ -32,7 +32,17 @@
         >
           {{ train.driverLevel < 2 ? 'L' : `${train.driverLevel}` }}
         </b>
-        <span>{{ train.driverName }}</span>
+
+        <div class="train-driver">
+          <b
+            v-if="store.donatorsData.includes(train.driverName)"
+            title="Dyżurny wspierający projekt Stacjownika!"
+          >
+            {{ train.driverName }}
+            <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
+          </b>
+          <span v-else>{{ train.driverName }}</span>
+        </div>
       </div>
 
       <div class="general-timetable" v-if="train.timetableData">
@@ -114,6 +124,7 @@ import trainInfoMixin from '../../mixins/trainInfoMixin';
 import Train from '../../scripts/interfaces/Train';
 import ProgressBar from '../Global/ProgressBar.vue';
 import TrainThumbnail from '../Global/TrainThumbnail.vue';
+import { useStore } from '../../store/mainStore';
 
 export default defineComponent({
   mixins: [trainInfoMixin, styleMixin],
@@ -128,6 +139,12 @@ export default defineComponent({
       type: Boolean,
       default: true
     }
+  },
+
+  data() {
+    return {
+      store: useStore()
+    };
   }
 });
 </script>
@@ -171,6 +188,11 @@ export default defineComponent({
   gap: 0.5em;
 }
 
+.train-driver img {
+  max-height: 20px;
+  vertical-align: text-bottom;
+}
+
 .timetable-id {
   color: #d2d2d2;
 }

src/locales/en.json

@@ -12,7 +12,7 @@
     "p4": "Every person who decides to contribute at least {b1} for the development of Stacjownik, will recieve (upon a personal request) {img}{b2} of username in the \"Sceneries\" and \"Trains\" tabs of the application, as well as on my Discord server (after verifying the payment author, preferably by providing the username directly with the payment).",
     "p4-b1": "5 PLN",
     "p4-b2": "a symbolic highlight",
-    "p5": "Thank you and enjoy further using my tools!<br />~Spythere",
+    "p5": "Thank you and enjoy the app!<br />~ Spythere",
     "action-exit": "Maybe next time...",
     "action-confirm": "DONATE!"
   },

src/locales/pl.json

@@ -12,7 +12,7 @@
     "p4": "Każda osoba, która postanowi przelać co najmniej {b1} na rozwój Stacjownika, otrzyma na życzenie symboliczne {img}{b2} nicku użytkownika w zakładkach \"Scenerie\" i \"Pociągi\" aplikacji i moim serwerze Discord (po zweryfikowaniu autora płatności, najlepiej poprzez podanie nicku bezpośrednio przy niej).",
     "p4-b1": "5 złotych",
     "p4-b2": "wyróżnienie",
-    "p5": "Dzięki i miłego dalszego korzystania z moich narzędzi! <br /> ~Spythere",
+    "p5": "Dzięki i miłego korzystania z aplikacji! <br />~ Spythere",
     "action-exit": "Może kiedy indziej...",
     "action-confirm": "WSPOMÓŻ!"
   },

src/store/mainStore.ts

@@ -314,7 +314,7 @@ export const useStore = defineStore('store', {
           'https://raw.githubusercontent.com/Spythere/api/main/td2/data/donators.json'
         );
 
-        if (response.data) this.donatorsData = ['Kryszakos'];
+        if (response.data) this.donatorsData = response.data;
       } catch (error) {
         console.error('Ups! Wystąpił błąd podczas pobierania informacji o donatorach:', error);
       }