chore: changed icons pack

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();