From 2c0be0af817b0286dc63a9f6d65bda8bddf7bf34 Mon Sep 17 00:00:00 2001
From: Felix Ruf <felix.ruf@aoe.com>
Date: Wed, 7 Aug 2024 11:40:40 +0200
Subject: [PATCH] fixed broken cypress tests

---
 .../src/components/menuParticipants/MenuTableBody.vue       | 4 ++--
 .../src/components/participations/ParticipantsTableRow.vue  | 5 ++++-
 src/Resources/src/services/useConvertDisplayName.ts         | 6 +-----
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/Resources/src/components/menuParticipants/MenuTableBody.vue b/src/Resources/src/components/menuParticipants/MenuTableBody.vue
index 785453f28..117d7f81b 100644
--- a/src/Resources/src/components/menuParticipants/MenuTableBody.vue
+++ b/src/Resources/src/components/menuParticipants/MenuTableBody.vue
@@ -45,11 +45,11 @@ const participants = computed(() => getParticipants());
 
 const filteredParticipants = computed(() => {
   if (getFilter() === '') {
-    return participants.value.map((participant) => getDisplayName(participant));
+    return participants.value.map((participant) => getDisplayName(participant, t));
   }
 
   return participants.value
     .filter((participant) => participant.toLowerCase().includes(getFilter().toLowerCase()))
-    .map((participant) => getDisplayName(participant));
+    .map((participant) => getDisplayName(participant, t));
 });
 </script>
diff --git a/src/Resources/src/components/participations/ParticipantsTableRow.vue b/src/Resources/src/components/participations/ParticipantsTableRow.vue
index 5c946fd5c..1e99bd0d0 100644
--- a/src/Resources/src/components/participations/ParticipantsTableRow.vue
+++ b/src/Resources/src/components/participations/ParticipantsTableRow.vue
@@ -6,7 +6,7 @@
     >
       <div class="flex w-full flex-row">
         <span>
-          {{ getDisplayName(participantName) }}
+          {{ getDisplayName(participantName, t) }}
         </span>
         <svg
           v-if="isOfferingMeal"
@@ -42,6 +42,9 @@ import type { IBookedData, IMealWithVariations } from '@/api/getShowParticipatio
 import ParticipantsTableData from './ParticipantsTableData.vue';
 import { computed } from 'vue';
 import getDisplayName from '@/services/useConvertDisplayName';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const props = defineProps<{
   participantName: string;
diff --git a/src/Resources/src/services/useConvertDisplayName.ts b/src/Resources/src/services/useConvertDisplayName.ts
index 14b3e4b20..1fb9502ac 100644
--- a/src/Resources/src/services/useConvertDisplayName.ts
+++ b/src/Resources/src/services/useConvertDisplayName.ts
@@ -1,8 +1,4 @@
-import { useI18n } from 'vue-i18n';
-
-export default function getDisplayName(fullname: string) {
-    const { t } = useI18n();
-
+export default function getDisplayName(fullname: string, t: (str: string) => string ) {
     if (fullname.includes('(Guest)')) {
         return `${fullname.split(' (Guest)')[0]} (${t('menu.guest')})`;
     }