From e478c510b297f7d315ce454d9a287710549c5f45 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 20 Dec 2022 21:31:59 +0100
Subject: [PATCH] =?UTF-8?q?Fix=20dzia=C5=82ania=20reaktywno=C5=9Bci=20link?=
 =?UTF-8?q?=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/JournalView/DailyStats.vue |  5 ++++-
 src/views/JournalTimetables.vue           | 12 ++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/JournalView/DailyStats.vue b/src/components/JournalView/DailyStats.vue
index b46a98e..ffaa72f 100644
--- a/src/components/JournalView/DailyStats.vue
+++ b/src/components/JournalView/DailyStats.vue
@@ -21,7 +21,9 @@
 
         <i18n-t keypath="journal.timetable-stats-longest" tag="p">
           <template #id>
-            <b>{{ data.stats.timetableId }}</b>
+            <router-link :to="`/journal/timetables?timetableId=${data.stats.timetableId}`">{{
+              data.stats.timetableId
+            }}</router-link>
           </template>
           <template #author>
             <b>{{ data.stats.timetableAuthor }}</b>
@@ -53,6 +55,7 @@
 <script setup lang="ts">
 import axios from 'axios';
 import { reactive, ref } from 'vue';
+import { onBeforeRouteUpdate, useRouter } from 'vue-router';
 import { DataStatus } from '../../scripts/enums/DataStatus';
 import { ITimetablesDailyStats, ITimetablesDailyStatsResponse } from '../../scripts/interfaces/api/StatsAPIData';
 import { URLs } from '../../scripts/utils/apiURLs';
diff --git a/src/views/JournalTimetables.vue b/src/views/JournalTimetables.vue
index 15f9fb0..f53891b 100644
--- a/src/views/JournalTimetables.vue
+++ b/src/views/JournalTimetables.vue
@@ -134,6 +134,16 @@ export default defineComponent({
     };
   },
 
+  // Handle route updates for route-links
+  beforeRouteUpdate(to, from) {
+    const timetableId = to.query['timetableId']?.toString();
+
+    if (!timetableId) return;
+
+    this.searchersValues['search-train'] = `#${timetableId}`;
+    this.searchHistory();
+  },
+
   activated() {
     if (this.timetableId) {
       this.searchersValues['search-train'] = `#${this.timetableId}`;
@@ -142,8 +152,6 @@ export default defineComponent({
   },
 
   mounted() {
-    console.log('mounted');
-
     if (!this.timetableId) this.searchHistory();
   },