Added fetch in /eventid/participants

IEDCMEC · Oct 8, 2024 · 346468d · 346468d
1 parent 0e1b9d6
commit 346468d
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/apps/web-admin/src/pages/[orgId]/events/[eventId]/participants/index.jsx b/apps/web-admin/src/pages/[orgId]/events/[eventId]/participants/index.jsx
@@ -48,16 +48,20 @@ export default function Participants() {
   const { orgId, eventId } = router.query;
   const { loading, get } = useFetch();
 
-  const fetchParticipants = async () => {
-    const { data, status } = await get(
-      `/core/organizations/${orgId}/events/${eventId}/participants`,
-    );
-    if (status === 200) {
-      setParticipants(data.participants || []);
-    } else {
-      showAlert({ title: 'Error', description: data.error, status: 'error' });
-    }
-  };
+
+  useEffect(() => {
+    const fetchParticipants = async () => {
+      const { data, status } = await get(
+        `/core/organizations/${orgId}/events/${eventId}/participants`,
+      );
+      if (status === 200) {
+        setParticipants(data.participants || []);
+      } else {
+        showAlert({ title: 'Error', description: data.error, status: 'error' });
+      }
+    };
+    fetchParticipants();
+  }, [orgId, eventId]);
 
   const handleInputChange = (e) => {
     const { name, value } = e.target;