Fix icon color on hover

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>

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>

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";