From 2fa6c43aa84357e1ea8837d6d2400dfa801b476d Mon Sep 17 00:00:00 2001
From: Scott Sundahl <scott.sundahl@thetradedesk.com>
Date: Tue, 10 Oct 2023 16:57:59 -0600
Subject: [PATCH] fix javascript errors

---
 .../ParticipantApprovalForm.tsx               |  7 +-
 .../ParticipantRequestItem.tsx                | 78 +++++++++----------
 2 files changed, 44 insertions(+), 41 deletions(-)

diff --git a/src/web/components/ParticipantRequests/ParticipantApprovalForm.tsx b/src/web/components/ParticipantRequests/ParticipantApprovalForm.tsx
index adcbab483..21fa37907 100644
--- a/src/web/components/ParticipantRequests/ParticipantApprovalForm.tsx
+++ b/src/web/components/ParticipantRequests/ParticipantApprovalForm.tsx
@@ -126,7 +126,12 @@ function ParticipantApprovalForm({
         {!selectedSite && (
           <SearchBarResults className='site-search-results'>
             {siteSearchResults?.map((s) => (
-              <button type='button' className='text-button' onClick={() => onSiteClick(s.item)}>
+              <button
+                key={s.item.id}
+                type='button'
+                className='text-button'
+                onClick={() => onSiteClick(s.item)}
+              >
                 <HighlightedResult result={s} /> (Site ID: {s.item.id})
               </button>
             ))}
diff --git a/src/web/components/ParticipantRequests/ParticipantRequestItem.tsx b/src/web/components/ParticipantRequests/ParticipantRequestItem.tsx
index 95adb9c24..c8914b9c4 100644
--- a/src/web/components/ParticipantRequests/ParticipantRequestItem.tsx
+++ b/src/web/components/ParticipantRequests/ParticipantRequestItem.tsx
@@ -43,45 +43,43 @@ export function ParticipantRequestItem({
   };
 
   return (
-    <>
-      <tr className='participant-request-item'>
-        <td>
-          <div className='participant-name'>{participant.name}</div>
-        </td>
-        <td>
-          <div className='participant-types'>{getParticipantTypes(participant.types)}</div>
-        </td>
-        <td>
-          <div className='participant-request-name'>{participant.requestingUser.fullName}</div>
-        </td>
-        <td>
-          <div className='participant-request-email'>{participant.requestingUser.email}</div>
-        </td>
-        <td>
-          <div className='participant-request-job-function'>{participant.requestingUser.role}</div>
-        </td>
-        <td className='action'>
-          <div className='action-cell'>
-            {hasError && <InlineMessage message='An error has occurred' type='Error' />}
-            <button type='button' className='transparent-button' onClick={() => setOpen(true)}>
-              Approve
-            </button>
-          </div>
-        </td>
-      </tr>
-      <Dialog
-        title='Approve Participant Request'
-        closeButton='Cancel'
-        open={open}
-        onOpenChange={setOpen}
-        className='participants-request-dialog'
-      >
-        <ParticipantApprovalForm
-          onApprove={handleApprove}
-          participant={participant}
-          participantTypes={participantTypes}
-        />
-      </Dialog>
-    </>
+    <tr className='participant-request-item'>
+      <td>
+        <div className='participant-name'>{participant.name}</div>
+      </td>
+      <td>
+        <div className='participant-types'>{getParticipantTypes(participant.types)}</div>
+      </td>
+      <td>
+        <div className='participant-request-name'>{participant.requestingUser.fullName}</div>
+      </td>
+      <td>
+        <div className='participant-request-email'>{participant.requestingUser.email}</div>
+      </td>
+      <td>
+        <div className='participant-request-job-function'>{participant.requestingUser.role}</div>
+      </td>
+      <td className='action'>
+        <div className='action-cell'>
+          {hasError && <InlineMessage message='An error has occurred' type='Error' />}
+          <button type='button' className='transparent-button' onClick={() => setOpen(true)}>
+            Approve
+          </button>
+          <Dialog
+            title='Approve Participant Request'
+            closeButton='Cancel'
+            open={open}
+            onOpenChange={setOpen}
+            className='participants-request-dialog'
+          >
+            <ParticipantApprovalForm
+              onApprove={handleApprove}
+              participant={participant}
+              participantTypes={participantTypes}
+            />
+          </Dialog>
+        </div>
+      </td>
+    </tr>
   );
 }