From b51802eb57b8aefdfbd367e199d2fd9113073548 Mon Sep 17 00:00:00 2001
From: Saurabh Bhagwan Sathe <saurabh.bhagwan@navi.com>
Date: Mon, 12 Feb 2024 14:20:32 +0530
Subject: [PATCH] INFRA-2836 | Saurabh | added response type and handler

---
 src/Pages/Severity/SeverityForm.tsx       | 25 +++++++++++++++++------
 src/components/SevMemberDetails/index.tsx | 15 +++++++++++---
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/src/Pages/Severity/SeverityForm.tsx b/src/Pages/Severity/SeverityForm.tsx
index 30b817f..4d110ae 100644
--- a/src/Pages/Severity/SeverityForm.tsx
+++ b/src/Pages/Severity/SeverityForm.tsx
@@ -17,6 +17,19 @@ import {
 } from './constants';
 import styles from './Severity.module.scss';
 
+interface ApiResponseData {
+  data?: string | null;
+  error?: {
+    message: string;
+  };
+  status: number;
+}
+
+interface ResponseType {
+  data: ApiResponseData;
+  status: number;
+}
+
 const SeverityForm = (props: SeverityFormProps) => {
   const { severityId, isExpanded, setLastUpdatedAt } = props;
   const dispatch = useDispatch();
@@ -54,21 +67,21 @@ const SeverityForm = (props: SeverityFormProps) => {
     }
   }, [severityId, isExpanded]);
 
-  const handleRemoveSevMember = (severityID: string, emailID: string) => {
+  const handleRemoveSevMember = (severityID: string, emailID: string): void => {
     const endpoint = REMOVE_SEV_MEMBER(severityID, emailID);
     ApiService.delete(endpoint)
-      .then(response => {
-        if (response.status === 200) {
-          toast.success(response.data.data);
+      .then((response: ResponseType) => {
+        if (response?.status === 200) {
+          toast.success(response?.data?.data);
           setIsLoading(true);
           setSeverities({});
           fetchSeverityById(true);
         } else {
-          toast.error(response.data.error.message);
+          toast.error(response?.data?.error?.message);
         }
       })
       .catch(error => {
-        toast.error(`Error removing member from team : ${error.message}`);
+        toast.error(`Error removing member from team : ${error?.message}`);
       });
   };
 
diff --git a/src/components/SevMemberDetails/index.tsx b/src/components/SevMemberDetails/index.tsx
index 13c611a..543986b 100644
--- a/src/components/SevMemberDetails/index.tsx
+++ b/src/components/SevMemberDetails/index.tsx
@@ -16,6 +16,13 @@ const MembersDetails = ({ handleRemoveSevMember }) => {
   const totalMembers = data?.participants?.length;
   const [showTotalMembers, setShowTotalMembers] = useState(10);
   const [openedParticipantId, setOpenedParticipantId] = useState(null);
+
+  const onClickModalHandler = (e: any, id: string, email: string) => {
+    e.preventDefault();
+    handleRemoveSevMember(id, email);
+    setOpenedParticipantId(null);
+  };
+
   return (
     <div>
       {totalMembers ? (
@@ -65,9 +72,11 @@ const MembersDetails = ({ handleRemoveSevMember }) => {
                         >
                           <Button
                             onClick={e => {
-                              e.preventDefault();
-                              handleRemoveSevMember(data.id, participant.email);
-                              setOpenedParticipantId(null);
+                              onClickModalHandler(
+                                e,
+                                data.id,
+                                participant.email,
+                              );
                             }}
                             style={{ backgroundColor: '#E92C2C' }}
                           >