chore: reload calendars and lists after opening calendar settings dialog

bobalazek · Oct 14, 2024 · 46ae528 · 46ae528
1 parent 7bb0774
commit 46ae528
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/...core/src/features/calendar/components/calendar-settings-dialog/CalendarSettingsDialog.tsx b/...core/src/features/calendar/components/calendar-settings-dialog/CalendarSettingsDialog.tsx
@@ -1,4 +1,5 @@
 import { CogIcon } from 'lucide-react';
+import { useEffect } from 'react';
 
 import {
   Button,
@@ -24,9 +25,25 @@ export type CalendarSettingsDialogProps = {
 };
 
 export default function CalendarSettingsDialog({ includeTrigger }: CalendarSettingsDialogProps) {
-  const { settingsDialogOpen, setSettingsDialogOpen, calendars, userCalendars } =
-    useCalendarStore();
-  const { lists } = useListsStore();
+  const {
+    settingsDialogOpen,
+    setSettingsDialogOpen,
+    calendars,
+    userCalendars,
+    reloadCalendars,
+    reloadUserCalendars,
+  } = useCalendarStore();
+  const { lists, reloadLists } = useListsStore();
+
+  useEffect(() => {
+    if (!settingsDialogOpen) {
+      return;
+    }
+
+    reloadCalendars();
+    reloadUserCalendars();
+    reloadLists();
+  }, [settingsDialogOpen, reloadCalendars, reloadUserCalendars, reloadLists]);
 
   return (
     <Dialog open={settingsDialogOpen} onOpenChange={setSettingsDialogOpen}>