From eedecdfddfd870fe8f552907f8e065cf508909e2 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Wed, 1 May 2024 15:51:02 +0200
Subject: [PATCH] Added commerce category

---
 src/components/calendar/CalendarEvent.vue            |  3 ++-
 src/components/calendar/CalendarEventDetails.vue     | 12 ++++++++----
 .../calendar/search/lists/EventCallout.vue           |  3 ++-
 src/data/Events.ts                                   |  3 ++-
 src/models/Events.ts                                 |  3 ++-
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/calendar/CalendarEvent.vue b/src/components/calendar/CalendarEvent.vue
index de9d1df..0a794f1 100644
--- a/src/components/calendar/CalendarEvent.vue
+++ b/src/components/calendar/CalendarEvent.vue
@@ -32,7 +32,8 @@ defineProps<{
           'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
           'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
           'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
-          'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
+          'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale',
+          'text-slate-900 bg-yellow-500 hover:bg-yellow-600': event.category === 'commerce'
         }"
       >
         {{ event.title }}
diff --git a/src/components/calendar/CalendarEventDetails.vue b/src/components/calendar/CalendarEventDetails.vue
index c9bd2c0..7c6924a 100644
--- a/src/components/calendar/CalendarEventDetails.vue
+++ b/src/components/calendar/CalendarEventDetails.vue
@@ -23,7 +23,7 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
     :class="{
       'border-slate-800': !event.category,
       'border-lime-800': event.category === 'naissance',
-      'border-stone-800': event.category === 'mort',
+      'border-stone-600': event.category === 'mort',
       'border-orange-800': event.category === 'catastrophe',
       'border-pink-800': event.category === 'catastrophe naturelle',
       'border-sky-800': event.category === 'législation',
@@ -38,7 +38,8 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
       'border-amber-700': event.category === 'construction',
       'border-violet-700': event.category === 'arcanologie',
       'border-rose-800': event.category === 'criminalité',
-      'border-stone-700': event.category === 'scandale'
+      'border-stone-700': event.category === 'scandale',
+      'border-yellow-600': event.category === 'commerce'
     }"
   >
     <div class="grid gap-1">
@@ -91,8 +92,8 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
 .border-lime-800 {
   background-color: color-mix(in srgb, var(--color-lime-800), var(--color-slate-950) 85%);
 }
-.border-stone-800 {
-  background-color: color-mix(in srgb, var(--color-stone-800), var(--color-slate-950) 85%);
+.border-stone-600 {
+  background-color: color-mix(in srgb, var(--color-stone-600), var(--color-slate-950) 85%);
 }
 .border-orange-800 {
   background-color: color-mix(in srgb, var(--color-orange-800), var(--color-slate-950) 85%);
@@ -139,4 +140,7 @@ const dateDifference: string = getRelativeString(defaultDate, props.event.startD
 .border-stone-700 {
   background-color: color-mix(in srgb, var(--color-stone-700), var(--color-slate-950) 85%);
 }
+.border-yellow-600 {
+  background-color: color-mix(in srgb, var(--color-yellow-600), var(--color-slate-950) 85%);
+}
 </style>
diff --git a/src/components/calendar/search/lists/EventCallout.vue b/src/components/calendar/search/lists/EventCallout.vue
index b1730a7..6829849 100644
--- a/src/components/calendar/search/lists/EventCallout.vue
+++ b/src/components/calendar/search/lists/EventCallout.vue
@@ -39,7 +39,8 @@ const { defaultDate, getFormattedDateTitle } = useCalendar()
       'text-white bg-amber-600 hover:bg-amber-700': event.category === 'construction',
       'text-slate-900 bg-violet-200 hover:bg-violet-300': event.category === 'arcanologie',
       'text-white bg-rose-600 hover:bg-rose-700': event.category === 'criminalité',
-      'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale'
+      'text-white bg-stone-600 hover:bg-stone-700': event.category === 'scandale',
+      'text-slate-900 bg-yellow-500 hover:bg-yellow-600': event.category === 'commerce'
     }"
     @click="$emit('query:date-jump', event.startDate)"
   >
diff --git a/src/data/Events.ts b/src/data/Events.ts
index 9af8c7f..f42c3be 100644
--- a/src/data/Events.ts
+++ b/src/data/Events.ts
@@ -172,6 +172,7 @@ export const regularEvents: CalendarEvent[] = [
     description:
       'Les artisans et mineurs de Rougefer se réunissent à Cantane pour vendre le fruit de leur dur labeur.',
     startDate: { day: 23, month: 8, year: 3209 },
-    category: 'inauguration'
+    endDate: { day: 26, month: 8, year: 3209 },
+    category: 'commerce'
   }
 ]
diff --git a/src/models/Events.ts b/src/models/Events.ts
index 98178e0..6ddeb4d 100644
--- a/src/models/Events.ts
+++ b/src/models/Events.ts
@@ -28,7 +28,8 @@ export const calendarEventCategories = [
   'construction',
   'arcanologie',
   'criminalité',
-  'scandale'
+  'scandale',
+  'commerce'
 ] as const
 
 export type CalendarEventCategory = (typeof calendarEventCategories)[number]