only load participants when clicking show participants

dotkom · Sep 18, 2023 · 9bc9494 · 9bc9494 · vercel · Sep 18, 2023
1 parent 5b5b8cd
commit 9bc9494
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/events/components/DetailView/PublicAttendeesModal/ParticipantsButton.tsx b/src/events/components/DetailView/PublicAttendeesModal/ParticipantsButton.tsx
@@ -29,11 +29,16 @@ export const ParticipantsButton: FC<IProps> = ({ eventId, eventTitle }) => {
   const attendees = useSelector(selectPublicAttendeesForEventId(eventId));
   const [showModal, setShowModal] = useState(false);
 
-  const toggleModal = () => setShowModal(!showModal);
-
-  useEffect(() => {
-    dispatch(fetchPublicAttendeesByEventId(eventId));
-  }, [eventId]);
+  const toggleModal = () => {
+    if (!showModal) {
+      if (attendees.length === 0) {
+        dispatch(fetchPublicAttendeesByEventId(eventId));
+      }
+      setShowModal(true);
+    } else {
+      setShowModal(false);
+    }
+  };
 
   // disables background scrolling when the modal is open
   useEffect(() => {