style(app): apply eslint --fix to Tier 2 (TypeScript plumbing)

WS-3 session 1b-i Tier 2. Scope: composables, lib, stores, plugins, types, utils, navigation, main.ts. Mechanical fixes only — predominantly newline-before-return, arrow-parens, antfu/if-newline, padding-line-between-statements, plus one unicorn/prefer-includes (.some(p => x === p) → .includes(x)) in router guards. Excludes (per session prompt): - apps/app/vite.config.ts (Tier 3) - apps/app/themeConfig.ts (Tier 3) - apps/app/vitest.config.ts (Tier 3) - All .vue files (already in Tier 1) Hand-reviewed diffs for the three auth/router-critical files before committing: - src/lib/axios.ts: reviewed clean. Pure mechanical (quote-props on Accept header, curly-strip on single-statement ifs, one blank line before impersonationStore.clearState()). No type-import changes, no logic touched. - src/stores/useAuthStore.ts: reviewed clean. curly-strip + padding before returns. The initialize()/doInitialize() race-condition guard on isInitialized is preserved verbatim. - src/plugins/1.router/guards.ts: reviewed clean. if-newline reformat + one .some() → .includes() rewrite that's behaviorally identical for primitive equality on the guestOnlyPaths string array. Tests + typecheck verified green post-fix: - apps/app vitest: 49 passed (unchanged) - apps/app vue-tsc: clean (unchanged) Lint baseline progression: - Pre-Tier-2: 422 problems (post-Tier-1) - Post-Tier-2: 246 problems Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-04-29 11:06:46 +02:00
parent 47bd533179
commit a7eaf0f948
28 changed files with 189 additions and 97 deletions
--- a/apps/app/src/composables/api/useAccount.ts
+++ b/apps/app/src/composables/api/useAccount.ts
@@ -42,6 +42,7 @@ export function useUpdateProfile() {
        '/me/profile',
        payload,
      )
+
      return data
    },
    onSuccess: () => {
@@ -57,6 +58,7 @@ export function useChangePassword() {
        '/me/change-password',
        payload,
      )
+
      return data
    },
  })
@@ -69,6 +71,7 @@ export function useChangeEmail() {
        '/me/change-email',
        payload,
      )
+
      return data
    },
  })
@@ -81,6 +84,7 @@ export function useAdminChangeEmail(orgId: Ref<string>) {
        `/organisations/${orgId.value}/members/${userId}/change-email`,
        { new_email: newEmail },
      )
+
      return data
    },
  })
--- a/apps/app/src/composables/api/useAdmin.ts
+++ b/apps/app/src/composables/api/useAdmin.ts
@@ -39,6 +39,7 @@ export function useAdminOrganisations(params: Ref<Record<string, string | number
        '/admin/organisations',
        { params: params.value },
      )
+
      return data
    },
  })
@@ -51,6 +52,7 @@ export function useAdminOrganisation(id: Ref<string>) {
      const { data } = await apiClient.get<ApiResponse<AdminOrganisationDetail>>(
        `/admin/organisations/${id.value}`,
      )
+
      return data.data
    },
    enabled: () => !!id.value,
@@ -66,6 +68,7 @@ export function useUpdateAdminOrganisation() {
        `/admin/organisations/${id}`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -83,6 +86,7 @@ export function useCreateOrganisation() {
        '/organisations',
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -114,6 +118,7 @@ export function useAdminUsers(params: Ref<Record<string, string | number | undef
        '/admin/users',
        { params: params.value },
      )
+
      return data
    },
  })
@@ -126,6 +131,7 @@ export function useAdminUser(id: Ref<string>) {
      const { data } = await apiClient.get<ApiResponse<AdminUser>>(
        `/admin/users/${id.value}`,
      )
+
      return data.data
    },
    enabled: () => !!id.value,
@@ -141,6 +147,7 @@ export function useUpdateAdminUser() {
        `/admin/users/${id}`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -171,6 +178,7 @@ export function usePlatformStats() {
      const { data } = await apiClient.get<{ data: PlatformStats }>(
        '/admin/stats',
      )
+
      return data.data
    },
  })
@@ -186,6 +194,7 @@ export function useAdminActivityLog(params: Ref<Record<string, string | number |
        '/admin/activity-log',
        { params: params.value },
      )
+
      return data
    },
  })
--- a/apps/app/src/composables/api/useAuth.ts
+++ b/apps/app/src/composables/api/useAuth.ts
@@ -10,9 +10,10 @@ export function useLogin() {
  return useMutation({
    mutationFn: async (credentials: LoginCredentials) => {
      const { data } = await apiClient.post<LoginResponse>('/auth/login', credentials)
+
      return data
    },
-    onSuccess: (data) => {
+    onSuccess: data => {
      // Token is set automatically via httpOnly Set-Cookie header
      authStore.setUser(data.data.user)
      queryClient.setQueryData(['auth', 'me'], data.data.user)
@@ -27,12 +28,14 @@ export function useMe() {
    queryKey: ['auth', 'me'],
    queryFn: async () => {
      const { data } = await apiClient.get<{ success: boolean; data: MeResponse }>('/auth/me')
+
      return data.data
    },
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
    enabled: () => authStore.isAuthenticated,
-    select: (data) => {
+    select: data => {
      authStore.setUser(data)
+
      return data
    },
  })
--- a/apps/app/src/composables/api/useCompanies.ts
+++ b/apps/app/src/composables/api/useCompanies.ts
@@ -20,7 +20,7 @@ export function useCompanies(orgId: Ref<string>) {
      return data.data
    },
    enabled: () => !!orgId.value,
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
  })
 }

--- a/apps/app/src/composables/api/useCrowdLists.ts
+++ b/apps/app/src/composables/api/useCrowdLists.ts
@@ -1,7 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
 import type { Ref } from 'vue'
 import { apiClient } from '@/lib/axios'
-import type { CrowdList, CreateCrowdListDto, UpdateCrowdListDto } from '@/types/crowdList'
+import type { CreateCrowdListDto, CrowdList, UpdateCrowdListDto } from '@/types/crowdList'
 import type { Person } from '@/types/person'

 interface ApiResponse<T> {
--- a/apps/app/src/composables/api/useCrowdTypes.ts
+++ b/apps/app/src/composables/api/useCrowdTypes.ts
@@ -31,7 +31,7 @@ export function useCrowdTypeList(orgId: Ref<string>) {
      return data.data
    },
    enabled: () => !!orgId.value,
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
  })
 }

@@ -44,6 +44,7 @@ export function useCreateCrowdType(orgId: Ref<string>) {
        `/organisations/${orgId.value}/crowd-types`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -61,6 +62,7 @@ export function useUpdateCrowdType(orgId: Ref<string>) {
        `/organisations/${orgId.value}/crowd-types/${id}`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
--- a/apps/app/src/composables/api/useEmail.ts
+++ b/apps/app/src/composables/api/useEmail.ts
@@ -145,12 +145,18 @@ export function useEmailLogs(orgId: Ref<string>, filters: Ref<EmailLogFilters>)
        per_page: filters.value.perPage,
      }

-      if (filters.value.search) params.search = filters.value.search
-      if (filters.value.status) params.status = filters.value.status
-      if (filters.value.templateType) params.template_type = filters.value.templateType
-      if (filters.value.eventId) params.event_id = filters.value.eventId
-      if (filters.value.from) params.from = filters.value.from
-      if (filters.value.to) params.to = filters.value.to
+      if (filters.value.search)
+        params.search = filters.value.search
+      if (filters.value.status)
+        params.status = filters.value.status
+      if (filters.value.templateType)
+        params.template_type = filters.value.templateType
+      if (filters.value.eventId)
+        params.event_id = filters.value.eventId
+      if (filters.value.from)
+        params.from = filters.value.from
+      if (filters.value.to)
+        params.to = filters.value.to

      const { data } = await apiClient.get<ApiResponse<PaginatedResponse<EmailLog>>>(
        `/organisations/${orgId.value}/email-logs`,
--- a/apps/app/src/composables/api/useEvents.ts
+++ b/apps/app/src/composables/api/useEvents.ts
@@ -34,6 +34,7 @@ export function useEventList(orgId: Ref<string>) {
        `/organisations/${orgId.value}/events`,
        { params: { include_children: true } },
      )
+
      return data.data
    },
    enabled: () => !!orgId.value,
@@ -47,6 +48,7 @@ export function useEventDetail(orgId: Ref<string>, id: Ref<string>) {
      const { data } = await apiClient.get<ApiResponse<EventItem>>(
        `/organisations/${orgId.value}/events/${id.value}`,
      )
+
      return data.data
    },
    enabled: () => !!orgId.value && !!id.value,
@@ -60,6 +62,7 @@ export function useEventChildren(orgId: Ref<string>, eventId: Ref<string>) {
      const { data } = await apiClient.get<PaginatedResponse<EventItem>>(
        `/organisations/${orgId.value}/events/${eventId.value}/children`,
      )
+
      return data.data
    },
    enabled: () => !!orgId.value && !!eventId.value,
@@ -75,6 +78,7 @@ export function useCreateEvent(orgId: Ref<string>) {
        `/organisations/${orgId.value}/events`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -92,6 +96,7 @@ export function useCreateSubEvent(orgId: Ref<string>, parentEventId: Ref<string>
        `/organisations/${orgId.value}/events`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -124,6 +129,7 @@ export function useUpdateEvent(orgId: Ref<string>, id: Ref<string>) {
        `/organisations/${orgId.value}/events/${id.value}`,
        payload,
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -142,6 +148,7 @@ export function useTransitionEventStatus(orgId: Ref<string>, eventId: Ref<string
        `/organisations/${orgId.value}/events/${eventId.value}/transition`,
        { status },
      )
+
      return data.data
    },
    onSuccess: () => {
@@ -158,6 +165,7 @@ export function useUploadEventImage(orgId: Ref<string>, eventId: Ref<string>) {
  return useMutation({
    mutationFn: async ({ file, type }: { file: File; type: 'banner' | 'logo' }) => {
      const formData = new FormData()
+
      formData.append('image', file)
      formData.append('type', type)

@@ -182,6 +190,7 @@ export function useEventStats(orgId: Ref<string>, eventId: Ref<string>) {
      const { data } = await apiClient.get<{ data: EventStats }>(
        `/organisations/${orgId.value}/events/${eventId.value}/stats`,
      )
+
      return data.data
    },
    enabled: () => !!orgId.value && !!eventId.value,
--- a/apps/app/src/composables/api/useMembers.ts
+++ b/apps/app/src/composables/api/useMembers.ts
@@ -53,6 +53,7 @@ export function useMembersList(scope: MemberScope, orgId: Ref<string>) {
      const url = endpointList(scope, orgId.value)
      if (scope === 'platform') {
        const { data } = await apiClient.get<ApiResponse<{ members: Member[] }>>(url)
+
        return {
          data: data.data.members,
          meta: {
@@ -63,6 +64,7 @@ export function useMembersList(scope: MemberScope, orgId: Ref<string>) {
        } satisfies MemberListResponse
      }
      const { data } = await apiClient.get<MemberListResponse>(url)
+
      return data
    },
    enabled: () => !!orgId.value,
@@ -75,6 +77,7 @@ export function useInviteMember(scope: MemberScope, orgId: Ref<string>) {
  return useMutation({
    mutationFn: async (payload: InviteMemberPayload) => {
      const { data } = await apiClient.post<ApiResponse<Member>>(endpointInvite(scope, orgId.value), payload)
+
      return data.data
    },
    onSuccess: () => invalidateScopedKeys(scope, orgId, queryClient),
@@ -90,6 +93,7 @@ export function useUpdateMemberRole(scope: MemberScope, orgId: Ref<string>) {
        endpointMember(scope, orgId.value, userId),
        { role },
      )
+
      return data.data
    },
    onSuccess: () => invalidateScopedKeys(scope, orgId, queryClient),
@@ -125,6 +129,7 @@ export function useInvitationDetail(token: Ref<string>) {
    queryKey: ['invitation', token],
    queryFn: async () => {
      const { data } = await apiClient.get<ApiResponse<InvitationDetailResponse>>(`/invitations/${token.value}`)
+
      return data.data
    },
    enabled: () => !!token.value,
@@ -136,6 +141,7 @@ export function useAcceptInvitation() {
  return useMutation({
    mutationFn: async ({ token, ...payload }: AcceptInvitationPayload & { token: string }) => {
      const { data } = await apiClient.post<AcceptInvitationResponse>(`/invitations/${token}/accept`, payload)
+
      return data
    },
  })
--- a/apps/app/src/composables/api/useOrganisations.ts
+++ b/apps/app/src/composables/api/useOrganisations.ts
@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-import { computed, type Ref } from 'vue'
+import { type Ref, computed } from 'vue'
 import { apiClient } from '@/lib/axios'
 import { useAuthStore } from '@/stores/useAuthStore'
 import type {
@@ -30,6 +30,7 @@ export function useOrganisationList() {
    queryKey: ['organisations'],
    queryFn: async () => {
      const { data } = await apiClient.get<PaginatedResponse<Organisation>>('/organisations')
+
      return data.data
    },
  })
@@ -40,6 +41,7 @@ export function useOrganisationDetail(id: Ref<string>) {
    queryKey: ['organisations', id],
    queryFn: async () => {
      const { data } = await apiClient.get<ApiResponse<Organisation>>(`/organisations/${id.value}`)
+
      return data.data
    },
    enabled: () => !!id.value,
@@ -54,6 +56,7 @@ export function useMyOrganisation() {
    queryKey: ['organisations', id],
    queryFn: async () => {
      const { data } = await apiClient.get<ApiResponse<Organisation>>(`/organisations/${id.value}`)
+
      return data.data
    },
    enabled: () => !!id.value,
@@ -66,6 +69,7 @@ export function useUpdateOrganisation() {
  return useMutation({
    mutationFn: async ({ id, ...payload }: UpdateOrganisationPayload & { id: string }) => {
      const { data } = await apiClient.put<ApiResponse<Organisation>>(`/organisations/${id}`, payload)
+
      return data.data
    },
    onSuccess: (_data, variables) => {
@@ -81,6 +85,7 @@ export function useOrganisationDashboardStats(id: Ref<string>) {
    queryKey: ['organisation-dashboard-stats', id],
    queryFn: async () => {
      const { data } = await apiClient.get<ApiResponse<OrganisationDashboardStats>>(`/organisations/${id.value}/dashboard-stats`)
+
      return data.data
    },
    enabled: () => !!id.value,
--- a/apps/app/src/composables/api/usePersonTags.ts
+++ b/apps/app/src/composables/api/usePersonTags.ts
@@ -20,7 +20,7 @@ export function usePersonTags(orgId: Ref<string>) {
      return data.data
    },
    enabled: () => !!orgId.value,
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
  })
 }

@@ -35,7 +35,7 @@ export function usePersonTagCategories(orgId: Ref<string>) {
      return data.data
    },
    enabled: () => !!orgId.value,
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
  })
 }

--- a/apps/app/src/composables/api/useRegistrationFieldTemplates.ts
+++ b/apps/app/src/composables/api/useRegistrationFieldTemplates.ts
@@ -20,7 +20,7 @@ export function useRegistrationFieldTemplates(orgId: Ref<string>) {
      return data.data
    },
    enabled: () => !!orgId.value,
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
  })
 }

--- a/apps/app/src/composables/api/useRegistrationFormFields.ts
+++ b/apps/app/src/composables/api/useRegistrationFormFields.ts
@@ -24,7 +24,7 @@ export function useRegistrationFormFields(orgId: Ref<string>, eventId: Ref<strin
      return data.data
    },
    enabled: () => !!orgId.value && !!eventId.value,
-    staleTime: Infinity,
+    staleTime: Number.POSITIVE_INFINITY,
  })
 }

@@ -87,22 +87,23 @@ export function useReorderRegistrationFormFields(orgId: Ref<string>, eventId: Re
        ids: orderedIds,
      })
    },
-    onMutate: async (orderedIds) => {
+    onMutate: async orderedIds => {
      await queryClient.cancelQueries({ queryKey: ['registration-form-fields', eventId.value] })
      previousFields = queryClient.getQueryData<RegistrationFormField[]>(['registration-form-fields', eventId.value])

      if (previousFields) {
        const byId = new Map(previousFields.map(f => [f.id, f]))
+
        const reordered = orderedIds
          .map(id => byId.get(id))
          .filter((f): f is RegistrationFormField => !!f)
+
        queryClient.setQueryData(['registration-form-fields', eventId.value], reordered)
      }
    },
    onError: () => {
-      if (previousFields) {
+      if (previousFields)
        queryClient.setQueryData(['registration-form-fields', eventId.value], previousFields)
-      }
    },
  })
 }
--- a/apps/app/src/composables/api/useSections.ts
+++ b/apps/app/src/composables/api/useSections.ts
@@ -111,24 +111,26 @@ export function useReorderSections(orgId: Ref<string>, eventId: Ref<string>) {
        sections: orderedIds,
      })
    },
-    onMutate: async (orderedIds) => {
+    onMutate: async orderedIds => {
      await queryClient.cancelQueries({ queryKey: ['sections', eventId.value] })
      previousSections = queryClient.getQueryData<FestivalSection[]>(['sections', eventId.value])

      // Optimistically update query cache so watch doesn't snap back
      if (previousSections) {
        const byId = new Map(previousSections.map(s => [s.id, s]))
+
        const reordered = orderedIds
          .map(id => byId.get(id))
          .filter((s): s is FestivalSection => !!s)
+
        queryClient.setQueryData(['sections', eventId.value], reordered)
      }
    },
    onError: () => {
-      if (previousSections) {
+      if (previousSections)
        queryClient.setQueryData(['sections', eventId.value], previousSections)
-      }
    },
+
    // No onSuccess invalidation — query cache and v-model are already in sync
  })
 }
--- a/apps/app/src/composables/api/useShiftAssignments.ts
+++ b/apps/app/src/composables/api/useShiftAssignments.ts
@@ -37,10 +37,14 @@ export function useShiftAssignmentList(
    queryKey: ['shift-assignments', eventId, filters],
    queryFn: async () => {
      const params: Record<string, string> = {}
-      if (filters?.value?.shift_id) params.shift_id = filters.value.shift_id
-      if (filters?.value?.person_id) params.person_id = filters.value.person_id
-      if (filters?.value?.section_id) params.section_id = filters.value.section_id
-      if (filters?.value?.status) params.status = filters.value.status
+      if (filters?.value?.shift_id)
+        params.shift_id = filters.value.shift_id
+      if (filters?.value?.person_id)
+        params.person_id = filters.value.person_id
+      if (filters?.value?.section_id)
+        params.section_id = filters.value.section_id
+      if (filters?.value?.status)
+        params.status = filters.value.status

      const { data } = await apiClient.get<PaginatedResponse<ShiftAssignment>>(
        `/organisations/${orgId.value}/events/${eventId.value}/shift-assignments`,
--- a/apps/app/src/composables/api/useTimeSlots.ts
+++ b/apps/app/src/composables/api/useTimeSlots.ts
@@ -21,8 +21,10 @@ export function useTimeSlotList(orgId: Ref<string>, eventId: Ref<string>, option
    queryKey: ['time-slots', eventId, includeParent, includeChildren],
    queryFn: async () => {
      const params: Record<string, string> = {}
-      if (includeParent?.value) params.include_parent = 'true'
-      if (includeChildren?.value) params.include_children = 'true'
+      if (includeParent?.value)
+        params.include_parent = 'true'
+      if (includeChildren?.value)
+        params.include_children = 'true'

      const { data } = await apiClient.get<PaginatedResponse<TimeSlot>>(
        `/organisations/${orgId.value}/events/${eventId.value}/time-slots`,
--- a/apps/app/src/composables/useTimeSlotDropdown.ts
+++ b/apps/app/src/composables/useTimeSlotDropdown.ts
@@ -1,4 +1,4 @@
-import { computed, type Ref } from 'vue'
+import { type Ref, computed } from 'vue'
 import type { EventItem } from '@/types/event'
 import type { FestivalSection } from '@/types/section'
 import type { TimeSlot } from '@/types/timeSlot'
@@ -24,20 +24,24 @@ export function useTimeSlotDropdown(
  section: Ref<FestivalSection | null | undefined>,
 ) {
  const scenario = computed<DropdownScenario>(() => {
-    if (!event.value) return 'flat'
+    if (!event.value)
+      return 'flat'

    const isSubEvent = !!event.value.parent_event_id
    const hasChildren = event.value.has_children
    const isCrossEvent = section.value?.type === 'cross_event'

    // Flat event — no hierarchy
-    if (!isSubEvent && !hasChildren) return 'flat'
+    if (!isSubEvent && !hasChildren)
+      return 'flat'

    // Cross_event section — needs all time slots
-    if (isCrossEvent) return 'cross_event'
+    if (isCrossEvent)
+      return 'cross_event'

    // Standard section on sub-event — own + parent
-    if (isSubEvent) return 'sub_event_standard'
+    if (isSubEvent)
+      return 'sub_event_standard'

    // Standard section on festival level — own only
    return 'festival_standard'
@@ -61,12 +65,12 @@ export function useTimeSlotDropdown(
      case 'cross_event':
        return {
          main: `${sectionName} is een festival-brede sectie — actief bij elk programmaonderdeel. Je kunt tijdsloten kiezen van ${festivalName} en van alle programmaonderdelen.`,
-          tip: `Plan diensten per programmaonderdeel (bijv. een showavond) of festival-breed (bijv. opbouw, nachtsecurity).`,
+          tip: 'Plan diensten per programmaonderdeel (bijv. een showavond) of festival-breed (bijv. opbouw, nachtsecurity).',
        }
      case 'festival_standard':
        return {
          main: `Kies een tijdslot van ${eventName} voor deze dienst.`,
-          tip: `Alleen tijdsloten op festivalniveau zijn beschikbaar voor deze sectie.`,
+          tip: 'Alleen tijdsloten op festivalniveau zijn beschikbaar voor deze sectie.',
        }
      default:
        return null
@@ -93,9 +97,8 @@ export function useTimeSlotDropdown(
   * in the template by comparing adjacent items' groupName.
   */
  function sortedItems(timeSlots: TimeSlot[]): TimeSlotDropdownItem[] {
-    if (scenario.value === 'flat') {
+    if (scenario.value === 'flat')
      return timeSlots.map(ts => toDropdownItem(ts, false, ''))
-    }

    // Classify each slot into a group and determine isOwn per group
    const groups = new Map<string, { slots: TimeSlot[]; isOwn: boolean }>()
@@ -105,6 +108,7 @@ export function useTimeSlotDropdown(
        const isOwn = scenario.value === 'sub_event_standard'
          ? ts.source === 'sub_event'
          : ts.source === 'own'
+
        groups.set(key, { slots: [], isOwn })
      }
      groups.get(key)!.slots.push(ts)
@@ -112,17 +116,19 @@ export function useTimeSlotDropdown(

    // Own group first, then others alphabetically
    const sorted = [...groups.entries()].sort(([nameA, a], [nameB, b]) => {
-      if (a.isOwn && !b.isOwn) return -1
-      if (!a.isOwn && b.isOwn) return 1
+      if (a.isOwn && !b.isOwn)
+        return -1
+      if (!a.isOwn && b.isOwn)
+        return 1
+
      return nameA.localeCompare(nameB)
    })

    const items: TimeSlotDropdownItem[] = []
    for (const [groupName, { slots, isOwn }] of sorted) {
      const isDimmed = scenario.value === 'sub_event_standard' && !isOwn
-      for (const ts of slots) {
+      for (const ts of slots)
        items.push(toDropdownItem(ts, isDimmed, groupName))
-      }
    }

    return items
@@ -140,6 +146,7 @@ export function useTimeSlotDropdown(

 function toDropdownItem(ts: TimeSlot, isDimmed: boolean, groupName: string): TimeSlotDropdownItem {
  const timeRange = `${ts.start_time} – ${ts.end_time}`
+
  return {
    id: ts.id,
    name: ts.name,