From cbc3b0b013ee6866a55ce149b0225522767e2256 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Wed, 1 May 2024 15:34:02 +0200
Subject: [PATCH] Uniformed event query date jump handlers for callouts

---
 src/components/calendar/search/lists/EventCallout.vue | 7 ++++++-
 src/components/calendar/search/lists/SearchList.vue   | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/calendar/search/lists/EventCallout.vue b/src/components/calendar/search/lists/EventCallout.vue
index 7aebc83..b1730a7 100644
--- a/src/components/calendar/search/lists/EventCallout.vue
+++ b/src/components/calendar/search/lists/EventCallout.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getRelativeString } from '@/models/Date'
+import { getRelativeString, type LeimDate } from '@/models/Date'
 import type { CalendarEvent } from '@/models/Events'
 import { useCalendar } from '@/stores/CalendarStore'
 
@@ -11,6 +11,10 @@ defineProps<{
   event: CalendarEvent
 }>()
 
+defineEmits<{
+  (e: 'query:date-jump', payload: LeimDate): void
+}>()
+
 const { defaultDate, getFormattedDateTitle } = useCalendar()
 </script>
 
@@ -37,6 +41,7 @@ const { defaultDate, getFormattedDateTitle } = useCalendar()
       'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
       'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
     }"
+    @click="$emit('query:date-jump', event.startDate)"
   >
     <div class="flex gap-2 items-center">
       <h2 class="font-bold">
diff --git a/src/components/calendar/search/lists/SearchList.vue b/src/components/calendar/search/lists/SearchList.vue
index 736d143..bc53b29 100644
--- a/src/components/calendar/search/lists/SearchList.vue
+++ b/src/components/calendar/search/lists/SearchList.vue
@@ -62,7 +62,7 @@ const pagedResults = computed(() => sortedResults.value.slice(props.startAt, pro
 <template>
   <ul class="grid gap-4">
     <li v-for="r in pagedResults" :key="isCalendarEvent(r) ? r.title : r.name">
-      <EventCallout v-if="isCalendarEvent(r)" @click="handleJumpToDate(r.startDate)" :event="r" />
+      <EventCallout v-if="isCalendarEvent(r)" :event="r" @query:date-jump="handleJumpToDate" />
 
       <CharacterCallout
         v-else-if="isCharacter(r)"