From 4a96ed3852a36bf049353a741f4e9ebb01282faf Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 2 May 2025 17:56:02 +0200
Subject: [PATCH] chore: added icons to storage items

---
 .../TimetableViews/LocalStorageView.vue       | 22 +++++++++++++++----
 src/locales/en.json                           |  1 +
 src/locales/pl.json                           |  1 +
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/TimetableViews/LocalStorageView.vue b/src/components/TimetableViews/LocalStorageView.vue
index d3d0aa4..820914e 100644
--- a/src/components/TimetableViews/LocalStorageView.vue
+++ b/src/components/TimetableViews/LocalStorageView.vue
@@ -27,9 +27,23 @@
           class="bg-zinc-900 p-2 w-full cursor-pointer hover:bg-zinc-800 text-left"
           @click="selectTimetable(timetable)"
         >
-          <div class="text-zinc-300">
-            #{{ timetable.timetableId }} &bull;
-            {{ new Date(timetable.savedTimestamp!).toLocaleString() }}
+          <div class="text-zinc-300 flex gap-x-2 items-center flex-wrap">
+            <span>#{{ timetable.timetableId }}</span>
+            
+            <i class="flex items-center gap-1"><ArchiveIcon :size="18" :stroke-width="3" /> {{ new Date(timetable.savedTimestamp!).toLocaleString() }}</i>
+
+            <i
+              v-if="timetable.journalCreatedAt"
+              class="flex items-center gap-0.5"
+              :title="
+                $t('storage-journal-timetable-placeholder', {
+                  date: new Date(timetable.journalCreatedAt).toLocaleDateString('pl-PL')
+                })
+              "
+            >
+              <HistoryIcon :size="18" :stroke-width="3" />
+              {{ new Date(timetable.journalCreatedAt).toLocaleDateString('pl-PL') }}
+            </i>
           </div>
           <b>{{ timetable.driverName }} | {{ timetable.category }} {{ timetable.trainNo }}</b>
           {{ timetable.route.replace('|', ' > ') }}
@@ -51,7 +65,7 @@ import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useGlobalStore } from '../../stores/global.store';
 import type { TimetableData } from '../../types/common.types';
-import { ArchiveIcon, Trash2Icon } from 'lucide-vue-next';
+import { ArchiveIcon, HistoryIcon, Trash2Icon } from 'lucide-vue-next';
 
 const globalStore = useGlobalStore();
 const i18n = useI18n();
diff --git a/src/locales/en.json b/src/locales/en.json
index fcb1bc6..af965f5 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -32,6 +32,7 @@
   "storage-preview-empty": "No entries found for given parameters",
   "storage-preview-info": "Archived timetable {id} for user {driverName} from: {date}",
   "storage-preview-button-text": "Return",
+  "storage-journal-timetable-placeholder": "Saved historical timetable from day {date}",
   "delete-timetable-confirm": "Are you sure that you want to delete this timetable?",
 
   "journal-preview-title": "TIMETABLES JOURNAL",
diff --git a/src/locales/pl.json b/src/locales/pl.json
index 8022a6a..e399842 100644
--- a/src/locales/pl.json
+++ b/src/locales/pl.json
@@ -32,6 +32,7 @@
   "storage-preview-empty": "Nie znaleziono żadnych wpisów dla podanych parametrów",
   "storage-preview-info": "Rozkład archiwalny {id} maszynisty {driverName} z dnia {date}",
   "storage-preview-button-text": "Powróć",
+  "storage-journal-timetable-placeholder": "Zapisany historyczny rozkład jazdy z dnia {date}",
   "delete-timetable-confirm": "Czy na pewno chcesz usunąć ten rozkład jazdy z archiwum?",
 
   "journal-preview-title": "DZIENNIK ROZKŁADÓW JAZDY",