fix: floating info about calendar events

one-zero-eight · Aug 13, 2024 · d86e216 · d86e216
1 parent 44a92e6
commit d86e216
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/components/common/calendar/Calendar.tsx b/components/common/calendar/Calendar.tsx
@@ -241,9 +241,7 @@ function Calendar({
         <CalendarEventPopover
           event={popoverInfo.event}
           isOpen={popoverInfo.opened}
-          setIsOpen={() =>
-            setPopoverInfo((prev) => ({ ...prev, opened: !prev.opened }))
-          }
+          setIsOpen={() => setPopoverInfo((prev) => ({ ...prev }))}
           eventElement={popoverInfo.eventElement}
         />
       )}

diff --git a/components/common/calendar/CalendarEventPopover.tsx b/components/common/calendar/CalendarEventPopover.tsx
@@ -14,7 +14,7 @@ import {
 } from "@floating-ui/react";
 import { EventApi } from "@fullcalendar/core";
 import moment from "moment";
-import React from "react";
+import React, { useEffect } from "react";
 
 export type ScheduleDialogProps = {
   event: EventApi;
@@ -42,6 +42,9 @@ export default function CalendarEventPopover({
       reference: eventElement,
     },
   });
+  useEffect(() => {
+    refs.setPositionReference(eventElement);
+  }, [eventElement, refs]);
 
   // Transition effect
   const { isMounted, styles: transitionStyles } = useTransitionStyles(context, {