From f74440ba6f52c237d282a7b93781d081b38145a6 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 21 Dec 2022 18:39:40 +0100
Subject: [PATCH] Pogrubienie linku dziennika w headerze

---
 src/App.scss                     | 3 ++-
 src/components/App/AppHeader.vue | 2 +-
 src/router/index.ts              | 5 ++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index f7374a7..3f6d826 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -33,7 +33,8 @@
 .route {
   margin: 0 0.2em;
 
-  &-active {
+  &-active,
+  &[data-active='true'] {
     color: $accentCol;
     font-weight: bold;
   }
diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue
index f207519..f56c5b9 100644
--- a/src/components/App/AppHeader.vue
+++ b/src/components/App/AppHeader.vue
@@ -48,7 +48,7 @@
           /
           <router-link class="route" active-class="route-active" to="/trains">{{ $t('app.trains') }}</router-link>
           /
-          <router-link class="route" active-class="route-active" to="/journal/timetables">
+          <router-link class="route" active-class="route-active" :data-active="$route.path.startsWith('/journal')" to="/journal">
             {{ $t('app.journal') }}
           </router-link>
         </span>
diff --git a/src/router/index.ts b/src/router/index.ts
index 6914b75..229f6f9 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -19,7 +19,10 @@ const routes: Array<RouteRecordRaw> = [
     name: 'SceneryView',
     component: () => import('../views/SceneryView.vue'),
   },
-
+  {
+    path: '/journal',
+    redirect: '/journal/timetables'
+  },
   {
     path: '/journal/timetables',
     name: 'JournalTimetables',