From 45f9d1e68bbb2bdf816174165ad97e70534ae0e4 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 8 Jul 2022 20:57:25 +0200
Subject: [PATCH] Fix: ikonka braku danych w widoku scenerii

---
 .../SceneryInfo/SceneryInfoIcons.vue          | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue
index 1d307d0..a5f99d8 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue
@@ -1,6 +1,7 @@
 <template>
-  <section class="info-icons" v-if="station.generalInfo">
+  <section class="info-icons">
     <span
+      v-if="station.generalInfo"
       class="scenery-icon icon-info"
       :class="station.generalInfo.controlType.replace('+', '-')"
       :title="$t('desc.control-type') + $t(`controls.${station.generalInfo.controlType}`)"
@@ -9,54 +10,60 @@
     </span>
 
     <img
+      v-if="station.generalInfo?.SUP"
       class="icon-info"
-      v-if="station.generalInfo.SUP"
       :src="require(`@/assets/icon-SUP.svg`)"
       alt="SUP (RASP-UZK)"
       :title="$t('desc.SUP')"
     />
 
     <img
+      v-if="station.generalInfo?.signalType"
       class="icon-info"
-      v-if="station.generalInfo.signalType"
       :src="require(`@/assets/icon-${station.generalInfo.signalType}.svg`)"
       :alt="station.generalInfo.signalType"
       :title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
     />
 
     <img
+      v-if="station.generalInfo?.availability == 'nonPublic'"
       class="icon-info"
-      v-if="station.generalInfo.availability == 'nonPublic'"
       :src="icons.lock"
       alt="Non-public scenery"
       :title="$t('desc.non-public')"
     />
 
     <img
+      v-if="station.generalInfo?.availability == 'unavailable'"
       class="icon-info"
-      v-if="station.generalInfo.availability == 'unavailable'"
       :src="icons.unavailable"
       alt="Unavailable scenery"
       :title="$t('desc.unavailable')"
     />
 
     <img
+      v-if="station.generalInfo?.availability == 'abandoned'"
       class="icon-info"
-      v-if="station.generalInfo.availability == 'abandoned'"
       :src="icons.abandoned"
       alt="Abandoned scenery"
       :title="$t('desc.abandoned')"
     />
 
     <img
+      v-if="station.generalInfo?.lines"
       class="icon-info"
-      v-if="station.generalInfo && station.generalInfo.lines != ''"
       :src="icons.real"
       alt="real scenery"
       :title="`${$t('desc.real')} ${station.generalInfo.lines}`"
     />
 
-    <img v-if="!station.generalInfo" :src="icons.unknown" alt="icon-unknown" :title="$t('desc.unknown')" />
+    <img
+      v-if="!station.generalInfo"
+      class="icon-info"
+      :src="icons.unknown"
+      alt="icon-unknown"
+      :title="$t('desc.unknown')"
+    />
   </section>
 </template>