From a6d388f5dafc948ada47921cea5a54bd1d50772c Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Sat, 26 Apr 2025 20:19:11 +0200
Subject: [PATCH] Added missing description to event creation dialog

---
 components/calendar/category/Table.vue          | 2 --
 components/calendar/dialog/QuickCreateEvent.vue | 8 ++++++++
 components/calendar/state/monthly/Layout.vue    | 8 ++++++++
 i18n/i18n.config.ts                             | 2 ++
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/components/calendar/category/Table.vue b/components/calendar/category/Table.vue
index c17a1e1..9896d01 100644
--- a/components/calendar/category/Table.vue
+++ b/components/calendar/category/Table.vue
@@ -2,8 +2,6 @@
 import type { Category } from "~/models/Category";
 import { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb } from "radix-vue"
 
-const { t } = useI18n()
-
 const { categories } = defineProps<{
   categories: Category[]
 }>()
diff --git a/components/calendar/dialog/QuickCreateEvent.vue b/components/calendar/dialog/QuickCreateEvent.vue
index 72d2afd..45efcb3 100644
--- a/components/calendar/dialog/QuickCreateEvent.vue
+++ b/components/calendar/dialog/QuickCreateEvent.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { breakpointsTailwind, useBreakpoints } from "@vueuse/core"
 import { PhPlus } from "@phosphor-icons/vue";
+import { VisuallyHidden } from "radix-vue";
 
 const isDialogOpen = ref<boolean>(false);
 const { resetSkeleton } = useCalendar();
@@ -49,6 +50,13 @@ const breakpoints = useBreakpoints(
       <UiDialogTitle class="max-md:mb-8">
         {{ $t("entity.calendar.event.addSingle") }}
       </UiDialogTitle>
+
+      <VisuallyHidden>
+        <UiDialogDescription>
+          {{ $t("entity.calendar.event.addSingleDescription") }}
+        </UiDialogDescription>
+      </VisuallyHidden>
+
       <CalendarFormCreateEvent @event-created="toggleDialog" />
     </UiDialogContent>
   </UiDialog>
diff --git a/components/calendar/state/monthly/Layout.vue b/components/calendar/state/monthly/Layout.vue
index 2ccb827..30df081 100644
--- a/components/calendar/state/monthly/Layout.vue
+++ b/components/calendar/state/monthly/Layout.vue
@@ -2,6 +2,7 @@
 import { useCalendar } from "~/stores/CalendarStore"
 import { useThrottleFn } from "@vueuse/core"
 import type { RPGDate } from "~/models/Date"
+import { VisuallyHidden } from "radix-vue"
 
 const { currentDate, decrementViewMonth, incrementViewMonth, resetSkeleton } = useCalendar()
 const { currentMonthData, operationInProgress, eventSkeleton } = storeToRefs(useCalendar())
@@ -84,6 +85,13 @@ function handleClosing() {
           <UiDialogTitle class="max-md:mb-8">
             {{ $t("entity.calendar.event.addSingle") }}
           </UiDialogTitle>
+
+          <VisuallyHidden>
+            <UiDialogDescription>
+              {{ $t("entity.calendar.event.addSingleDescription") }}
+            </UiDialogDescription>
+          </VisuallyHidden>
+
           <CalendarFormCreateEvent @event-created="toggleDialog" />
         </UiDialogContent>
       </UiDialog>
diff --git a/i18n/i18n.config.ts b/i18n/i18n.config.ts
index f8386f9..6739532 100644
--- a/i18n/i18n.config.ts
+++ b/i18n/i18n.config.ts
@@ -201,6 +201,7 @@ export default defineI18nConfig(() => ({
             nameSingular: "Event",
             namePlural: "Events",
             addSingle: "Add an event",
+            addSingleDescription: "This will add the event to the calendar",
             newEvent: "New event",
             title: "Event title",
             isStart: "Start",
@@ -524,6 +525,7 @@ export default defineI18nConfig(() => ({
             nameSingular: "Évènement",
             namePlural: "Évènements",
             addSingle: "Ajouter un évènement",
+            addSingleDescription: "L'évènement sera ajouté au calendrier en cours",
             newEvent: "Nouvel évènement",
             title: "Titre de l'évènement",
             isStart: "Début",