working version

frontend/src/views/Events.vue

@@ -54,7 +54,15 @@
         <div class="aspect-video bg-gray-100 relative overflow-hidden">
           <img v-if="event.cover_image" :src="getMediaUrl(event.cover_image)" :alt="event.title" class="w-full h-full object-cover">
           <div v-else class="w-full h-full flex items-center justify-center">
-            <Calendar class="w-16 h-16 text-gray-400" />
+            <img
+              v-if="event.creator_avatar"
+              :src="getMediaUrl(event.creator_avatar)"
+              :alt="event.creator_name"
+              class="w-16 h-16 rounded-full object-cover"
+            >
+            <div v-else 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>
           </div>
           
           <!-- Date Badge -->
@@ -480,6 +488,11 @@ async function fetchEvents() {
   loading.value = true
   try {
     const response = await axios.get(`/api/events?limit=12&offset=${offset.value}`)
+    console.log('Events response:', response.data)
+    if (response.data && response.data.length > 0) {
+      console.log('First event:', response.data[0])
+      console.log('Creator avatar:', response.data[0].creator_avatar)
+    }
     if (offset.value === 0) {
       events.value = response.data
     } else {
@@ -488,6 +501,7 @@ async function fetchEvents() {
     
     hasMoreEvents.value = response.data.length === 12
   } catch (error) {
+    console.error('Error fetching events:', error)
     toast.error('Erreur lors du chargement des événements')
   }
   loading.value = false