Improve search

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Event/Event.vue

@@ -66,7 +66,7 @@
                 </span>
               </div>
               <p class="flex gap-1 items-center" dir="auto">
-                <tag v-if="eventCategory" class="category">{{
+                <tag v-if="eventCategory" class="category" capitalize>{{
                   eventCategory
                 }}</tag>
                 <router-link
@@ -77,22 +77,22 @@
                   <tag>{{ tag.title }}</tag>
                 </router-link>
               </p>
-              <b-tag variant="warning" size="is-medium" v-if="event?.draft"
+              <tag variant="warning" size="is-medium" v-if="event?.draft"
                 >{{ t("Draft") }}
-              </b-tag>
+              </tag>
               <span
                 class="event-status"
                 v-if="event?.status !== EventStatus.CONFIRMED"
               >
-                <b-tag
+                <tag
                   variant="warning"
                   v-if="event?.status === EventStatus.TENTATIVE"
-                  >{{ t("Event to be confirmed") }}</b-tag
+                  >{{ t("Event to be confirmed") }}</tag
                 >
-                <b-tag
+                <tag
                   variant="danger"
                   v-if="event?.status === EventStatus.CANCELLED"
-                  >{{ t("Event cancelled") }}</b-tag
+                  >{{ t("Event cancelled") }}</tag
                 >
               </span>
             </div>

js/src/views/Event/MyEvents.vue

@@ -79,15 +79,13 @@
         <section
           class="py-4"
           v-if="
-            showUpcoming &&
-            monthlyFutureEvents &&
-            monthlyFutureEvents.length > 0
+            showUpcoming && monthlyFutureEvents && monthlyFutureEvents.size > 0
           "
         >
           <transition-group name="list" tag="p">
             <div
               class="mb-5"
-              v-for="month of monthlyFutureEvents()"
+              v-for="month of monthlyFutureEvents"
               :key="month[0]"
             >
               <span class="upcoming-month">{{ month[0] }}</span>
@@ -336,7 +334,7 @@ const monthlyEvents = (
   }, new Map());
 };
 
-const monthlyFutureEvents = (): Map<string, Eventable[]> => {
+const monthlyFutureEvents = computed((): Map<string, Eventable[]> => {
   let eventable = [] as Eventable[];
   if (showAttending.value) {
     eventable = [...eventable, ...futureParticipations.value];
@@ -345,7 +343,7 @@ const monthlyFutureEvents = (): Map<string, Eventable[]> => {
     eventable = [...eventable, ...groupEvents.value];
   }
   return monthlyEvents(eventable);
-};
+});
 
 const monthlyPastParticipations = computed((): Map<string, Eventable[]> => {
   return monthlyEvents(pastParticipations.value.elements, true);