chore: changed icons pack

src/components/App/Navbar.vue

@@ -9,7 +9,7 @@
 
     <div>
       <button class="bg-slate-600 p-1 px-2 rounded-md hover:bg-slate-500 flex items-center" @click="changeLang()">
-        <LanguageIcon class="size-5 inline-block align-middle mr-2" /> {{ i18n.locale.value == 'pl' ? 'POL' : 'ENG' }}
+        <GlobeIcon :size="18" class="mr-2" /> {{ i18n.locale.value == 'pl' ? 'POL' : 'ENG' }}
       </button>
     </div>
     <!-- <div v-if="apiMode == 'mocking'"><ExclamationTriangleIcon class="size-6 inline mr-1 text-yellow-400" /> API mocking</div> -->
@@ -17,7 +17,7 @@
 </template>
 
 <script setup lang="ts">
-import { LanguageIcon } from '@heroicons/vue/16/solid';
+import { GlobeIcon } from 'lucide-vue-next';
 import { version } from '../../../package.json';
 import { useI18n } from 'vue-i18n';
 

src/components/Timetable/TimetableWarnings.vue

@@ -4,7 +4,7 @@
     <div class="flex gap-2">
       <div class="flex items-center gap-2 bg-zinc-900 p-1 w-full">
         <div>
-          <InformationCircleIcon class="size-5" />
+          <InfoIcon :size="20" />
         </div>
         <i18n-t keypath="storage-preview-info" tag="span">
           <template v-slot:id>
@@ -28,14 +28,14 @@
         class="font-bold bg-zinc-900 p-1 hover:bg-zinc-800"
         @click="removeTimetable(globalStore.currentTimetableData.timetableId)"
       >
-        <TrashIcon class="text-white size-6" />
+        <Trash2Icon />
       </button>
 
       <button
         class="font-bold bg-zinc-900 p-1 hover:bg-zinc-800"
         @click="globalStore.selectedStorageTimetable = null"
       >
-        <ArrowUturnLeftIcon class="text-white size-6" />
+        <Undo2Icon />
       </button>
     </div>
   </div>
@@ -45,7 +45,7 @@
     <div class="flex gap-2">
       <div class="flex items-center gap-2 bg-zinc-900 p-1 w-full">
         <div>
-          <InformationCircleIcon class="size-5" />
+          <InfoIcon :size="20" />
         </div>
 
         <i18n-t keypath="journal-preview-info" tag="span">
@@ -67,17 +67,17 @@
         class="font-bold bg-zinc-900 p-1 hover:bg-zinc-800"
         @click="globalStore.selectedJournalTimetable = null"
       >
-        <ArrowUturnLeftIcon class="text-white size-6" />
+        <Undo2Icon />
       </button>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ArrowUturnLeftIcon, InformationCircleIcon, TrashIcon } from '@heroicons/vue/16/solid';
 import { useGlobalStore } from '../../stores/global.store';
 import { useI18n } from 'vue-i18n';
 import type { TimetableData } from '../../types/common.types';
+import { InfoIcon, Trash2Icon, Undo2Icon } from 'lucide-vue-next';
 
 const globalStore = useGlobalStore();
 const i18n = useI18n();

src/components/TimetableSearch/JournalSearchInput.vue

@@ -46,7 +46,7 @@
       v-if="globalStore.viewMode == 'journal'"
       @click="clearSearch"
     >
-      <TrashIcon class="size-6" />
+      <Trash2Icon />
     </button>
 
     <button
@@ -54,16 +54,16 @@
       v-if="globalStore.viewMode == 'journal'"
       @click="fetchJournalTimetables"
     >
-      <ArrowRightCircleIcon class="size-6" />
+      <SearchIcon />
     </button>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ArrowRightCircleIcon, TrashIcon } from '@heroicons/vue/16/solid';
 import { useApiStore } from '../../stores/api.store';
 import { useGlobalStore } from '../../stores/global.store';
 import { DataStatus, type JournalTimetablesShortResponse } from '../../types/api.types';
+import { SearchIcon, Trash2Icon } from 'lucide-vue-next';
 
 const globalStore = useGlobalStore();
 const apiStore = useApiStore();

src/components/TimetableSearch/LocalSearchInput.vue

@@ -15,14 +15,14 @@
         v-if="globalStore.viewMode == 'storage'"
         @click="clearSearch"
       >
-        <TrashIcon class="size-6" />
+        <Trash2Icon />
       </button>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { TrashIcon } from '@heroicons/vue/16/solid';
+import { Trash2Icon } from 'lucide-vue-next';
 import { useGlobalStore } from '../../stores/global.store';
 
 const globalStore = useGlobalStore();

src/components/TimetableSearch/SearchModeActions.vue

@@ -9,7 +9,7 @@
         }`"
         @click="toggleViewMode('active')"
       >
-        <WifiIcon class="size-6" />
+        <WifiIcon />
       </button>
 
       <button
@@ -20,7 +20,7 @@
         }`"
         @click="toggleViewMode('storage')"
       >
-        <ArchiveBoxArrowDownIcon class="size-6" />
+        <ArchiveIcon />
       </button>
 
       <button
@@ -31,14 +31,14 @@
         }`"
         @click="toggleViewMode('journal')"
       >
-        <CloudIcon class="size-6" />
+        <NotebookPenIcon />
       </button>
     </div>
 
     <div class="flex gap-2">
       <button class="bg-zinc-800 p-1 rounded-md hover:bg-zinc-700 self-end" @click="toggleDarkMode">
-        <MoonIcon v-if="globalStore.darkMode" class="text-white size-6" />
-        <SunIcon v-else class="text-white size-6" />
+        <MoonIcon v-if="globalStore.darkMode" />
+        <SunIcon v-else />
       </button>
 
       <button
@@ -46,7 +46,7 @@
         :disabled="globalStore.currentTimetableData == null"
         @click="openPrintingWindow"
       >
-        <PrinterIcon class="text-white size-6" />
+        <PrinterIcon />
       </button>
 
       <button
@@ -58,25 +58,25 @@
         }"
         @click="saveToStorage"
       >
-        <ArrowDownTrayIcon class="text-white size-6" />
+        <FolderDownIcon />
       </button>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import {
-  PrinterIcon,
-  MoonIcon,
-  SunIcon,
-  ArchiveBoxArrowDownIcon,
-  ArrowDownTrayIcon,
-  CloudIcon,
-  WifiIcon
-} from '@heroicons/vue/16/solid';
 import { computed, watch } from 'vue';
 import { useGlobalStore } from '../../stores/global.store';
 import type { ViewMode, TimetableData } from '../../types/common.types';
+import {
+  ArchiveIcon,
+  FolderDownIcon,
+  MoonIcon,
+  NotebookPenIcon,
+  PrinterIcon,
+  SunIcon,
+  WifiIcon
+} from 'lucide-vue-next';
 
 const globalStore = useGlobalStore();
 

src/components/TimetableViews/LocalStorageView.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="text-white">
     <div class="font-bold p-2 bg-zinc-700 mb-3">
-      <div class="text-2xl">{{ $t('storage-preview-title') }}</div>
+      <div class="text-2xl flex items-center gap-2 justify-center flex-wrap">
+        <ArchiveIcon :size="25" />
+        <span>{{ $t('storage-preview-title') }}</span>
+      </div>
     </div>
 
     <div
@@ -36,7 +39,7 @@
           class="bg-zinc-900 p-2 hover:bg-zinc-800"
           @click="removeTimetable(timetable.timetableId)"
         >
-          <TrashIcon class="size-6 text-white" />
+          <Trash2Icon />
         </button>
       </li>
     </ul>
@@ -48,7 +51,7 @@ import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useGlobalStore } from '../../stores/global.store';
 import type { TimetableData } from '../../types/common.types';
-import { TrashIcon } from '@heroicons/vue/16/solid';
+import { ArchiveIcon, Trash2Icon } from 'lucide-vue-next';
 
 const globalStore = useGlobalStore();
 const i18n = useI18n();