fix: wrong Modal Header when adding users (#1594)

Author: shivoomiess

apps/frontend/src/components/common/UserManagementTable.tsx

@@ -27,6 +27,8 @@ export type UserManagementTableProps = {
   title: string;
   addButtonLabel?: string;
   addButtonTooltip?: string;
+  /** Header shown at the top of the invite/selector modal */
+  addModalTitle?: string;
   /** Disable the add button */
   disabled?: boolean;
   /** Custom actions to be passed to PeopleTable */
@@ -45,6 +47,7 @@ const UserManagementTable = ({
   title,
   addButtonLabel = 'Add',
   addButtonTooltip = 'Add a participant',
+  addModalTitle,
   disabled = false,
   onUserAction,
   excludeUserIds = [],
@@ -78,7 +81,7 @@ const UserManagementTable = ({
   const InviteComponent = (
     <ProposalPeopleSelectorModal
       modalOpen={modalOpen}
-      title="Add co-proposers"
+      title={addModalTitle}
       onClose={() => setOpen(false)}
       onAddParticipants={handleAddParticipants}
       excludeUserIds={[...users.map((user) => user.id), ...excludeUserIds]}

apps/frontend/src/components/proposal/CoProposers.tsx

@@ -41,6 +41,7 @@ const CoProposers = ({
         {...props}
         title="Co-Proposers"
         addButtonTooltip="Add a co-proposer"
+        addModalTitle="Add co-proposers"
         onUserAction={handleUserAction}
         excludeUserIds={proposer ? [proposer.id] : []}
         // QuickFix for material table changing immutable state

apps/frontend/src/components/proposal/DataAccessUsersModal.tsx

@@ -87,6 +87,7 @@ const DataAccessUsersModal = ({
               setInvites={() => {}}
               title="Data access users"
               addButtonLabel="Add Data Access User"
+              addModalTitle="Add Data Access User"
               excludeUserIds={excludeUserIds}
             />
             <ActionButtonContainer>

apps/frontend/src/components/proposalBooking/CreateUpdateVisit.tsx

@@ -93,6 +93,7 @@ function CreateUpdateVisit({ event, close }: CreateUpdateVisitProps) {
           </Typography>
           <UserManagementTable
             title="Visitors"
+            addModalTitle="Add Visitors"
             setInvites={setVisitInvites}
             invites={visitInvites}
             setUsers={(team: BasicUserDetails[]) => {