fix: Changed sorting icons (#6354)

Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>

frontend/components/Domain/Recipe/RecipeExplorerPage/RecipeExplorerPageParts/RecipeExplorerPageSearch.vue

@@ -32,7 +32,7 @@
               v-bind="props"
             >
               <v-icon :start="!$vuetify.display.xs">
-                {{ state.orderDirection === "asc" ? $globals.icons.sortAscending : $globals.icons.sortDescending }}
+                {{ state.orderDirection === "asc" ? $globals.icons.sortDescending : $globals.icons.sortAscending }}
               </v-icon>
               {{ $vuetify.display.xs ? null : sortText }}
             </v-btn>
@@ -42,7 +42,7 @@
               <v-list-item
                 slim
                 density="comfortable"
-                :prepend-icon="state.orderDirection === 'asc' ? $globals.icons.sortDescending : $globals.icons.sortAscending"
+                :prepend-icon="state.orderDirection === 'asc' ? $globals.icons.sortAscending : $globals.icons.sortDescending"
                 :title="state.orderDirection === 'asc' ? $t('general.sort-descending') : $t('general.sort-ascending')"
                 @click="toggleOrderDirection"
               />

frontend/components/Domain/Recipe/RecipeTimeCard.vue

@@ -47,7 +47,7 @@
             left
             color="primary"
           >
-            {{ $globals.icons.knfife }}
+            {{ $globals.icons.knife }}
           </v-icon>
           <p class="my-0">
             <span class="font-weight-bold opacity-80">{{ validatePrepTime.name }}</span><br>{{ validatePrepTime.value }}

frontend/lib/icons/icons.ts

@@ -1,159 +1,159 @@
 import {
   mdiAccount,
-  mdiSilverwareVariant,
-  mdiPlus,
-  mdiPlusCircle,
-  mdiDelete,
-  mdiContentSave,
-  mdiContentSaveEdit,
-  mdiSquareEditOutline,
-  mdiClose,
-  mdiTagArrowUpOutline,
-  mdiTagArrowRight,
-  mdiTagMultipleOutline,
-  mdiShapeOutline,
-  mdiBookOutline,
   mdiAccountCog,
   mdiAccountGroup,
-  mdiSlotMachine,
+  mdiAccountPlusOutline,
-  mdiHome,
+  mdiAlert,
-  mdiHomeAccount,
-  mdiMagnify,
-  mdiPotSteamOutline,
-  mdiTranslate,
-  mdiClockTimeFourOutline,
-  mdiImport,
-  mdiEmail,
-  mdiLock,
-  mdiEye,
-  mdiDrag,
-  mdiEyeOff,
-  mdiCalendarMinus,
-  mdiAlertOutline,
-  mdiCalendar,
-  mdiDiceMultiple,
   mdiAlertCircle,
-  mdiDotsVertical,
+  mdiAlertOutline,
-  mdiPrinter,
+  mdiApi,
-  mdiPrinterPosCog,
+  mdiArrowLeftBold,
-  mdiShareVariant,
+  mdiArrowLeftBoldOutline,
-  mdiChevronDown,
+  mdiArrowRightBold,
-  mdiHeart,
+  mdiArrowRightBoldOutline,
-  mdiHeartOutline,
+  mdiBackupRestore,
-  mdiDotsHorizontal,
+  mdiBeakerOutline,
+  mdiBellAlert,
+  mdiBellPlus,
+  mdiBookOpenPageVariant,
+  mdiBookOutline,
+  mdiBowlMixOutline,
+  mdiBroom,
+  mdiCalendar,
+  mdiCalendarMinus,
+  mdiCalendarMultiselect,
+  mdiCalendarToday,
+  mdiCalendarWeek,
+  mdiCalendarWeekBegin,
+  mdiCartCheck,
+  mdiChartLine,
+  mdiCheck,
+  mdiCheckBold,
   mdiCheckboxBlankOutline,
+  mdiCheckboxMarkedCircle,
+  mdiCheckboxOutline,
+  mdiChefHat,
+  mdiChevronDown,
+  mdiChevronRight,
+  mdiClipboardCheck,
+  mdiClockTimeFourOutline,
+  mdiClose,
+  mdiCloudUpload,
+  mdiCodeJson,
+  mdiCodeTags,
+  mdiCog,
   mdiCommentTextMultiple,
   mdiCommentTextMultipleOutline,
+  mdiContentCopy,
+  mdiContentDuplicate,
+  mdiContentSave,
+  mdiContentSaveEdit,
+  mdiCookie,
+  mdiCursorMove,
+  mdiDatabase,
+  mdiDelete,
+  mdiDesktopTowerMonitor,
+  mdiDevTo,
+  mdiDiceMultiple,
+  mdiDockBottom,
+  mdiDockLeft,
+  mdiDockRight,
+  mdiDockTop,
+  mdiDocker,
+  mdiDotsHorizontal,
+  mdiDotsVertical,
   mdiDownload,
+  mdiDrag,
+  mdiEmail,
+  mdiEye,
+  mdiEyeOff,
   mdiFile,
-  mdiFilePdfBox,
+  mdiFileCabinet,
   mdiFileImage,
-  mdiCodeJson,
+  mdiFilePdfBox,
-  mdiCog,
+  mdiFileSign,
+  mdiFilter,
+  mdiFlipHorizontal,
+  mdiFlipVertical,
+  mdiFolderOutline,
+  mdiFolderZipOutline,
+  mdiFood,
+  mdiFoodApple,
+  mdiFormSelect,
+  mdiFormatColorFill,
+  mdiFormatListChecks,
+  mdiGithub,
+  mdiHeart,
+  mdiHeartOutline,
+  mdiHelpCircleOutline,
+  mdiHome,
+  mdiHomeAccount,
+  mdiImport,
+  mdiInformation,
+  mdiInformationOutline,
+  mdiInformationVariant,
+  mdiKnife,
+  mdiLink,
+  mdiLinkVariant,
+  mdiLinkVariantPlus,
+  mdiLock,
+  mdiLogout,
+  mdiMagnify,
+  mdiMenu,
+  mdiMessageText,
+  mdiMinus,
+  mdiNewBox,
+  mdiNotificationClearAll,
+  mdiOpenInNew,
+  mdiOrderAlphabeticalAscending,
+  mdiPageLayoutBody,
+  mdiPlus,
+  mdiPlusCircle,
+  mdiPotSteamOutline,
+  mdiPrinter,
+  mdiPrinterPosCog,
+  mdiRefresh,
+  mdiRefreshCircle,
+  mdiRobot,
+  mdiRotateLeft,
+  mdiRotateRight,
+  mdiSelectionDrag,
+  mdiShapeOutline,
+  mdiShareVariant,
+  mdiShuffleVariant,
+  mdiSilverwareForkKnife,
+  mdiSilverwareVariant,
+  mdiSlotMachine,
   mdiSort,
-  mdiSortAscending,
-  mdiSortDescending,
   mdiSortAlphabeticalAscending,
   mdiSortAlphabeticalDescending,
   mdiSortCalendarAscending,
   mdiSortCalendarDescending,
   mdiSortClockAscending,
   mdiSortClockDescending,
-  mdiOrderAlphabeticalAscending,
+  mdiSortReverseVariant,
+  mdiSortVariant,
+  mdiSquareEditOutline,
   mdiStar,
-  mdiNewBox,
+  mdiTableEdit,
-  mdiShuffleVariant,
+  mdiTagArrowRight,
-  mdiAlert,
+  mdiTagArrowUpOutline,
-  mdiCheckboxMarkedCircle,
+  mdiTagMultipleOutline,
-  mdiInformation,
-  mdiInformationOutline,
-  mdiInformationVariant,
-  mdiBellAlert,
-  mdiRefreshCircle,
-  mdiMenu,
-  mdiWeatherSunny,
-  mdiWeatherNight,
-  mdiLink,
-  mdiRobot,
-  mdiLinkVariant,
-  mdiViewModule,
-  mdiViewDashboard,
-  mdiTools,
-  mdiCalendarWeek,
-  mdiCalendarToday,
-  mdiCalendarMultiselect,
-  mdiFormatListChecks,
-  mdiLogout,
-  mdiContentCopy,
-  mdiClipboardCheck,
-  mdiCloudUpload,
-  mdiDatabase,
-  mdiGithub,
-  mdiFolderOutline,
-  mdiApi,
   mdiTestTube,
-  mdiDevTo,
-  mdiBackupRestore,
-  mdiNotificationClearAll,
-  mdiFood,
-  mdiWebhook,
-  mdiFilter,
-  mdiAccountPlusOutline,
-  mdiDesktopTowerMonitor,
-  mdiFormatColorFill,
-  mdiFormSelect,
-  mdiPageLayoutBody,
-  mdiCalendarWeekBegin,
-  mdiOpenInNew,
-  mdiCheck,
-  mdiCheckBold,
-  mdiBroom,
-  mdiCartCheck,
-  mdiArrowLeftBold,
-  mdiMinus,
-  mdiWindowClose,
-  mdiFolderZipOutline,
-  mdiFoodApple,
-  mdiBeakerOutline,
-  mdiArrowLeftBoldOutline,
-  mdiArrowRightBoldOutline,
-  mdiTimerSand,
-  mdiRefresh,
-  mdiArrowRightBold,
-  mdiChevronRight,
-  mdiBowlMixOutline,
-  mdiWrench,
-  mdiChartLine,
-  mdiHelpCircleOutline,
-  mdiDocker,
-  mdiUndo,
-  mdiSelectionDrag,
-  mdiCursorMove,
   mdiText,
   mdiTextBoxOutline,
   mdiTimelineText,
-  mdiMessageText,
+  mdiTimerSand,
-  mdiChefHat,
+  mdiTools,
-  mdiContentDuplicate,
+  mdiTranslate,
-  mdiDockLeft,
+  mdiUndo,
-  mdiDockRight,
+  mdiViewDashboard,
-  mdiDockTop,
+  mdiViewModule,
-  mdiDockBottom,
+  mdiWeatherNight,
-  mdiCheckboxOutline,
+  mdiWeatherSunny,
-  mdiFlipHorizontal,
+  mdiWebhook,
-  mdiFlipVertical,
+  mdiWindowClose,
-  mdiRotateLeft,
+  mdiWrench,
-  mdiRotateRight,
-  mdiBookOpenPageVariant,
-  mdiFileCabinet,
-  mdiSilverwareForkKnife,
-  mdiCodeTags,
-  mdiKnife,
-  mdiCookie,
-  mdiBellPlus,
-  mdiLinkVariantPlus,
-  mdiTableEdit,
-  mdiFileSign,
 } from "@mdi/js";
 
 export const icons = {
@@ -205,6 +205,7 @@ export const icons = {
   database: mdiDatabase,
   desktopTowerMonitor: mdiDesktopTowerMonitor,
   devTo: mdiDevTo,
+  knife: mdiKnife,
   diceMultiple: mdiDiceMultiple,
   dockTop: mdiDockTop,
   dockBottom: mdiDockBottom,
@@ -261,8 +262,8 @@ export const icons = {
   shuffleVariant: mdiShuffleVariant,
   silverwareForkKnife: mdiSilverwareForkKnife,
   sort: mdiSort,
-  sortAscending: mdiSortAscending,
+  sortAscending: mdiSortVariant,
-  sortDescending: mdiSortDescending,
+  sortDescending: mdiSortReverseVariant,
   sortAlphabeticalAscending: mdiSortAlphabeticalAscending,
   sortAlphabeticalDescending: mdiSortAlphabeticalDescending,
   sortCalendarAscending: mdiSortCalendarAscending,
@@ -284,7 +285,6 @@ export const icons = {
   windowClose: mdiWindowClose,
   zip: mdiFolderZipOutline,
   undo: mdiUndo,
-  knfife: mdiKnife,
   bread: mdiCookie,
   fileSign: mdiFileSign,