feat(data): perform actual filtering on the calendar (very slow atm due to some reactiveness magic behavior)

src/App.svelte

@@ -37,18 +37,30 @@
 
   let selectedCalendars;
 
-  onMount(async () => {
+  async function reloadEvents(selectedCalendars, options) {
     const evts = await refreshEvents(selectedCalendars);
-    options.events = evts.flat();
+    return evts.flat();
+  }
+
+
+  onMount(async () => {
+    options.events = await reloadEvents(selectedCalendars, options);
     options = { ...options };
   });
+
+  $: {
+    reloadEvents(selectedCalendars, options).then(events => {
+      options.events = events;
+      options = { ...options };
+    });
+  }
 </script>
 
 <div class="app-container">
   <h1 class="title">Calendrier de la vie étudiante à l'ENS</h1>
   <div style="height: 100%; display: flex;">
     <Modal show={$modal}>
-      <FilterBar {calendarTree} {selectedCalendars} />
+      <FilterBar {calendarTree} bind:selectedCalendars={selectedCalendars} />
       <div style="flex: 1;">
         <FullCalendar bind:this={calendar} {options} />
       </div>

src/calendar.js

@@ -117,7 +117,7 @@ export function mkEvent(title, start, duration, ...rest) {
 export function refreshEvents(selectedCalendars) {
   return Promise.all(
     calendarIds
-      .filter(id => selectedCalendars ? selectedCalendars.includes(id) : true)
+      .filter(id => selectedCalendars ? selectedCalendars.includes(calendars[id].name) : true)
       .map(id => mkEventsFromCalendar(id, calendars[id]))
   );
 }