working version

frontend/src/views/EventDetail.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-    <!-- Loading state -->
-    <div v-if="loading" class="text-center py-12">
-      <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto"></div>
-      <p class="mt-4 text-gray-600">Chargement de l'événement...</p>
-    </div>
+          <!-- Loading state -->
+      <div v-if="loading" class="text-center py-12">
+        <LoadingLogo size="large" text="Chargement de l'événement..." />
+      </div>
 
     <!-- Event not found -->
     <div v-else-if="!event" class="text-center py-12">
@@ -46,7 +45,15 @@
         <div class="flex items-start space-x-6">
           <!-- Cover Image -->
           <div class="w-64 h-48 bg-gradient-to-br from-primary-400 to-primary-600 rounded-xl flex items-center justify-center">
-            <Calendar v-if="!event.cover_image" class="w-16 h-16 text-white" />
+            <img
+              v-if="!event.cover_image && event.creator_avatar"
+              :src="getMediaUrl(event.creator_avatar)"
+              :alt="event.creator_name"
+              class="w-16 h-16 rounded-full object-cover"
+            >
+            <div v-else-if="!event.cover_image" class="w-16 h-16 rounded-full bg-primary-100 flex items-center justify-center">
+              <User class="w-8 h-8 text-primary-600" />
+            </div>
             <img
               v-else
               :src="getMediaUrl(event.cover_image)"
@@ -366,6 +373,7 @@ import {
   Trash2,
   Image
 } from 'lucide-vue-next'
+import LoadingLogo from '@/components/LoadingLogo.vue'
 
 const route = useRoute()
 const router = useRouter()