From 2b6c751f5561cacf837e484526c93310a3cd8c5c Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 13 Nov 2023 15:57:01 +0100
Subject: [PATCH] hotifx toString

---
 .../SceneryView/SceneryTimetablesHistory.vue  | 21 ++++++++++++++++++-
 src/views/SceneryView.vue                     |  2 +-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/SceneryView/SceneryTimetablesHistory.vue b/src/components/SceneryView/SceneryTimetablesHistory.vue
index 5cb0842..3159262 100644
--- a/src/components/SceneryView/SceneryTimetablesHistory.vue
+++ b/src/components/SceneryView/SceneryTimetablesHistory.vue
@@ -1,6 +1,16 @@
 <template>
+  <!-- WIP -->
+  <!-- <div class="top-filters">
+    <button class="btn btn--option">ROZPOCZYNA BIEG</button>
+
+    <button class="btn btn--option">PRZEZ</button>
+
+    <button class="btn btn--option">KOŃCZY BIEG</button>
+  </div> -->
+
   <section class="scenery-table-section">
     <Loading v-if="dataStatus != DataStatus.Loaded" />
+
     <div class="no-history" v-else-if="historyList.length == 0">
       {{ $t('scenery.history-list-empty') }}
     </div>
@@ -117,5 +127,14 @@ export default defineComponent({
 <style lang="scss" scoped>
 @import '../../styles/responsive.scss';
 @import '../../styles/sceneryViewTables.scss';
+
+.top-filters {
+  display: flex;
+  justify-content: center;
+  gap: 0.5em;
+
+  button {
+    padding: 0.5em;
+  }
+}
 </style>
-../../store/storeTypes
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 494c1b0..a68d09d 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -129,7 +129,7 @@ export default defineComponent({
 
   computed: {
     currentMode() {
-      return this.$route.query.view ?? 'SceneryTimetable';
+      return this.$route.query.view?.toString() ?? 'SceneryTimetable';
     },
 
     stationInfo() {