From bc5055324cd21c296777bb39b49c118da15d2221 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 21 Nov 2024 15:07:08 +0100
Subject: [PATCH] Fix icon color on hover

---
 client/src/components/ui/ItDropdownSelect.vue             | 8 ++++++--
 .../cockpit/attendanceCheckPage/AttendanceCheckPage.vue   | 5 -----
 client/src/pages/cockpit/cockpitPage/AttendanceStatus.vue | 2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/client/src/components/ui/ItDropdownSelect.vue b/client/src/components/ui/ItDropdownSelect.vue
index 8b663a46..db671a5d 100644
--- a/client/src/components/ui/ItDropdownSelect.vue
+++ b/client/src/components/ui/ItDropdownSelect.vue
@@ -91,7 +91,7 @@ const dropdownSelected = computed<DropdownSelectable>({
                 active ? 'bg-blue-900 text-white' : 'text-black',
                 'relative cursor-default select-none py-2 pl-3 pr-9',
               ]"
-              class="flex flex-row items-center"
+              class="group flex flex-row items-center"
               :data-cy="`dropdown-select-option-${item.name}`"
             >
               <span v-if="item.iconName" class="mr-4">
@@ -110,7 +110,11 @@ const dropdownSelected = computed<DropdownSelectable>({
                 v-if="dropdownSelected"
                 class="absolute inset-y-0 right-0 flex items-center pr-4 text-blue-900"
               >
-                <it-icon-check v-if="selected" class="h-5 w-5" aria-hidden="true" />
+                <it-icon-check
+                  v-if="selected"
+                  class="h-5 w-5 fill-current group-hover:text-white"
+                  aria-hidden="true"
+                />
               </span>
             </li>
           </ListboxOption>
diff --git a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
index 2a9d0edb..a0e43709 100644
--- a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
+++ b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
@@ -11,7 +11,6 @@ import { ATTENDANCE_CHECK_QUERY } from "@/graphql/queries";
 import { exportAttendance } from "@/services/dashboard";
 import { useExpertCockpitStore } from "@/stores/expertCockpit";
 import { useUserStore } from "@/stores/user";
-import { getStatus } from "@/utils/attendance";
 import { openDataAsXls } from "@/utils/export";
 import { useMutation, useQuery } from "@urql/vue";
 import { useDateFormat } from "@vueuse/core";
@@ -137,10 +136,6 @@ const formattedCourseDueDate = computed(() => {
   }
   return "";
 });
-
-const attendanceStatus = computed(() => {
-  return getStatus(attendanceSaved.value, courseDueDate.value);
-});
 </script>
 
 <template>
diff --git a/client/src/pages/cockpit/cockpitPage/AttendanceStatus.vue b/client/src/pages/cockpit/cockpitPage/AttendanceStatus.vue
index 4331ed7b..dab84706 100644
--- a/client/src/pages/cockpit/cockpitPage/AttendanceStatus.vue
+++ b/client/src/pages/cockpit/cockpitPage/AttendanceStatus.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { howManyDaysInFuture, isInFuture } from "@/components/dueDates/dueDatesUtils";
+import { howManyDaysInFuture } from "@/components/dueDates/dueDatesUtils";
 import { getStatus } from "@/utils/attendance";
 import { useTranslation } from "i18next-vue";
 import { computed } from "vue";