From 69c32294f68382dc21b11738c19a8d333157dc0a Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 10 Jan 2022 18:57:02 +0100
Subject: [PATCH] =?UTF-8?q?Wy=C5=9Bwietlanie=20historii=20dy=C5=BCurnych?=
 =?UTF-8?q?=20tylko=20dla=20PL1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SceneryView/SceneryHistory.vue |  6 ++++++
 src/store/index.ts                            |  1 -
 src/views/SceneryView.vue                     | 17 +++++++++++++----
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/SceneryView/SceneryHistory.vue b/src/components/SceneryView/SceneryHistory.vue
index f513adb..b53c6a9 100644
--- a/src/components/SceneryView/SceneryHistory.vue
+++ b/src/components/SceneryView/SceneryHistory.vue
@@ -40,8 +40,11 @@
 </template>
 
 <script lang="ts">
+import { GETTERS } from '@/constants/storeConstants';
+import { useStore } from '@/store';
 import axios from 'axios';
 import { defineComponent } from 'vue';
+import { useRouter } from 'vue-router';
 
 interface DispatcherTimeline {
   date: string;
@@ -92,6 +95,9 @@ export default defineComponent({
     },
   },
   setup() {
+    const store = useStore();
+    const router = useRouter();
+
     return {};
   },
 
diff --git a/src/store/index.ts b/src/store/index.ts
index c671643..f6f3417 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -23,7 +23,6 @@ import { DataStatus } from "@/scripts/enums/DataStatus";
 
 import { getLocoURL, getStatusID, getStatusTimestamp, getTimestamp, getTrainStopStatus, parseSpawns, timestampToString } from "@/scripts/utils/storeUtils";
 import { URLs } from '@/scripts/utils/apiURLs';
-import StorageManager from '@/scripts/managers/storageManager';
 import ScheduledTrain from '@/scripts/interfaces/ScheduledTrain';
 
 export interface State {
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 1ca8f72..0d42023 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -9,12 +9,17 @@
     </div>
 
     <div class="scenery-wrapper" v-if="stationInfo" ref="card-wrapper">
-      <button v-if="!timetableOnly" class="back-btn btn btn--image" :title="$t('scenery.return-btn')" @click="navigateTo('/')">
+      <button
+        v-if="!timetableOnly"
+        class="back-btn btn btn--image"
+        :title="$t('scenery.return-btn')"
+        @click="navigateTo('/')"
+      >
         <img :src="icons.back" alt="Back to scenery" />
       </button>
 
       <button
-        v-if="!timetableOnly"
+        v-if="!timetableOnly && currentRegion.id == 'eu'"
         class="history-btn btn btn--image"
         @click="setCardViewMode(viewMode == 'history' ? 'info' : 'history')"
         :title="viewMode == 'history' ? $t('scenery.info-btn') : $t('scenery.history-btn')"
@@ -85,6 +90,7 @@ export default defineComponent({
 
     return {
       data,
+      currentRegion: computed(() => store.getters[GETTERS.currentRegion]),
       timetableOnly,
       isComponentVisible,
       isDataLoaded,
@@ -99,12 +105,16 @@ export default defineComponent({
 
     navigateTo(path: string) {
       this.$router.push(path);
-    }
+    },
   },
 
   mounted() {
     this.cardHeight = (this.$refs['card-wrapper'] as HTMLElement).getBoundingClientRect().height;
   },
+
+  activated() {
+    if (this.currentRegion.id != 'eu' && this.viewMode == 'history') this.viewMode = 'info';
+  },
 });
 </script>
 
@@ -144,7 +154,6 @@ $sceneryBgCol: #333;
     width: 75%;
     max-width: 950px;
 
-
     @include midScreen {
       width: 95%;
     }