Changed Some Interfaces to make delete work

src/pages/Participants/ParticipantDelete.tsx

@@ -22,7 +22,7 @@ const DeleteParticipant: React.FC<IDeleteParticipant> = ({ participantData, onCl
 
   // Delete user
   const deleteHandler = () =>
-    deleteParticipant({ url: `/participants/${participantData.id}`, method: HttpMethod.DELETE });
+    deleteParticipant({ url: /participants/${participantData.id}, method: HttpMethod.DELETE });
 
   // Show error if any
   useEffect(() => {
@@ -36,12 +36,12 @@ const DeleteParticipant: React.FC<IDeleteParticipant> = ({ participantData, onCl
       dispatch(
         alertActions.showAlert({
           variant: "success",
-          message: `User ${participantData.name} deleted successfully!`,
+          message: User ${participantData.user.name} deleted successfully!,
         })
       );
       onClose();
     }
-  }, [deletedParticipant?.status, dispatch, onClose, participantData.name]);
+  }, [deletedParticipant?.status, dispatch, onClose, participantData.user.name]);
 
   const closeHandler = () => {
     setShow(false);
@@ -55,7 +55,7 @@ const DeleteParticipant: React.FC<IDeleteParticipant> = ({ participantData, onCl
       </Modal.Header>
       <Modal.Body>
         <p>
-          Are you sure you want to delete participant <b>{participantData.name}?</b>
+          Are you sure you want to delete participant <b>{participantData.user.name}?</b>
         </p>
       </Modal.Body>
       <Modal.Footer>
@@ -70,4 +70,4 @@ const DeleteParticipant: React.FC<IDeleteParticipant> = ({ participantData, onCl
   );
 };
 
-export default DeleteParticipant;
+export default DeleteParticipant;