From acb7fb2c3a01156d36de2d680528ccfedd3d5f60 Mon Sep 17 00:00:00 2001
From: "bert.hausmans" <bert@hausmans.nl>
Date: Tue, 14 Apr 2026 21:51:08 +0200
Subject: [PATCH] fix: show event_type_label on events list cards

Made-with: Cursor
---
 apps/app/src/pages/events/index.vue | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/apps/app/src/pages/events/index.vue b/apps/app/src/pages/events/index.vue
index 3f5fa714..662b7637 100644
--- a/apps/app/src/pages/events/index.vue
+++ b/apps/app/src/pages/events/index.vue
@@ -139,20 +139,12 @@ function navigateToEvent(event: EventItem) {
                 </h5>
                 <div class="d-flex gap-x-2">
                   <VChip
-                    v-if="event.event_type === 'festival'"
-                    color="purple"
+                    v-if="event.event_type === 'festival' || event.event_type === 'series'"
+                    :color="eventTypeColor[event.event_type]"
                     size="small"
                     variant="tonal"
                   >
-                    Festival
-                  </VChip>
-                  <VChip
-                    v-else-if="event.event_type === 'series'"
-                    color="info"
-                    size="small"
-                    variant="tonal"
-                  >
-                    Serie
+                    {{ event.event_type_label ?? (event.event_type === 'festival' ? 'Festival' : 'Serie') }}
                   </VChip>
                   <VChip
                     :color="statusColor[event.status]"