export urls only for selected participants

complexdatacollective · Jan 26, 2024 · c6ab595 · c6ab595
1 parent d64e38d
commit c6ab595
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/app/(dashboard)/dashboard/_components/ParticipantSelectionDropdown.tsx b/app/(dashboard)/dashboard/_components/ParticipantSelectionDropdown.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import { useEffect, useState } from 'react';
 
 import { Button } from '~/components/ui/Button';
@@ -23,14 +21,19 @@ type ParticipantSelectionDropdownProps = {
 export function ParticipantSelectionDropdown({
   participants,
   disabled,
+  setParticipantsToExport,
 }: ParticipantSelectionDropdownProps) {
   const [selectedParticipants, setSelectedParticipants] = useState<
     Participant[]
   >([]);
 
   useEffect(() => {
     setSelectedParticipants(participants);
-  }, [participants]);
+  }, [participants, setParticipantsToExport]);
+
+  useEffect(() => {
+    setParticipantsToExport(selectedParticipants);
+  }, [selectedParticipants, setParticipantsToExport]);
 
   return (
     <DropdownMenu>

diff --git a/app/(dashboard)/dashboard/_components/RecruitmentModal.tsx b/app/(dashboard)/dashboard/_components/RecruitmentModal.tsx
@@ -33,6 +33,9 @@ export const RecruitmentModal = ({
     api.protocol.get.all.useQuery();
   const [protocols, setProtocols] = useState<Protocol[]>([]);
   const [participants, setParticipants] = useState<Participant[]>([]);
+  const [participantsToExport, setParticipantsToExport] = useState<
+    Participant[] | undefined
+  >([]);
   const [selectedProtocol, setSelectedProtocol] = useState<Protocol>();
 
   const { data: participantData, isLoading: isLoadingParticipants } =
@@ -50,6 +53,12 @@ export const RecruitmentModal = ({
     }
   }, [participantData]);
 
+  useEffect(() => {
+    if (!allowSelectParticipants) {
+      setParticipantsToExport(participants);
+    }
+  }, [allowSelectParticipants, participants]);
+
   return (
     <Dialog onOpenChange={() => setSelectedProtocol(undefined)}>
       <DialogTrigger asChild>
@@ -89,13 +98,13 @@ export const RecruitmentModal = ({
             <ParticipantSelectionDropdown
               participants={participants}
               disabled={!selectedProtocol}
-              setParticipantsToExport={setParticipants}
+              setParticipantsToExport={setParticipantsToExport}
             />
           )}
 
           <ExportCSVParticipants
             protocolId={selectedProtocol?.id}
-            participants={participants}
+            participants={participantsToExport}
             disabled={isLoadingParticipants || !selectedProtocol}
           />
         </div>