From 5419f50d8bfab78e19a8f801957ccf240b6affe3 Mon Sep 17 00:00:00 2001
From: Chris Kaczor <chris@kaczorzoo.net>
Date: Thu, 19 Dec 2024 18:50:00 +0000
Subject: [PATCH] Do national days as a sorted list

---
 WebDisplay/src/pages/kiosk.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/WebDisplay/src/pages/kiosk.vue b/WebDisplay/src/pages/kiosk.vue
index eb873f6..d46cb91 100644
--- a/WebDisplay/src/pages/kiosk.vue
+++ b/WebDisplay/src/pages/kiosk.vue
@@ -90,7 +90,7 @@
 
     function loadNationalDays() {
         calendarStore.getNationalDays().then((data) => {
-            nationalDays.value = data;
+            nationalDays.value = data.sort((a, b) => a.name.localeCompare(b.name));
 
             nationalDaysReady.value = true;
         });
@@ -227,9 +227,11 @@
             <div
                 class="kiosk-national-days"
                 v-if="nationalDaysReady">
-                <div v-for="nationalDay in nationalDays">
-                    {{ nationalDay.name }}
-                </div>
+                <ul>
+                    <li v-for="nationalDay in nationalDays">
+                        {{ nationalDay.name }}
+                    </li>
+                </ul>
             </div>
         </div>
     </v-container>