applications/calendar/src/app/hooks/usePauseCalendarEventLoop.ts

   1 import { useEffect, useMemo } from 'react';
   2
   3 import { useCalendarModelEventManager } from '@proton/components';
   4 import type { VisualCalendar } from '@proton/shared/lib/interfaces/calendar';
   5
   6 const usePauseCalendarEventLoop = (activeCalendars: VisualCalendar[], condition: boolean) => {
   7     const { start, stop } = useCalendarModelEventManager();
   8     const calendarIDs = useMemo(() => activeCalendars.map(({ ID }) => ID), [activeCalendars]);
   9
  10     useEffect(() => {
  11         if (!calendarIDs.length) {
  12             return;
  13         }
  14
  15         if (condition) {
  16             // Pause calendar event loop
  17             stop(calendarIDs);
  18         } else {
  19             // Resume calendar event loop
  20             start(calendarIDs);
  21         }
  22     }, [condition, calendarIDs]);
  23 };
  24
  25 export default usePauseCalendarEventLoop;