Creditor hidden if edit mode

src/pages/Organization/DetailPage/OrganizationCard.js

@@ -21,7 +21,7 @@ import { notifySaveSuccess } from 'utils/CommonFunction';
 // ==============================|| DASHBOARD - DEFAULT ||============================== //
 
 
-const OrganizationCard = ({ userData, loadDataFun, id }) => {
+const OrganizationCard = ({ userData, loadDataFun, id, setEditModeFun }) => {
 
     const [creditorConfirmPopUp, setCreditorConfirmPopUp] = React.useState(false);
     const [nonCreditorConfirmPopUp, setNonCreditorConfirmPopUp] = React.useState(false);
@@ -108,6 +108,10 @@ const OrganizationCard = ({ userData, loadDataFun, id }) => {
         }
     });
 
+    useEffect(()=>{
+        setEditModeFun(editMode);
+    },[editMode]);
+
     useEffect(() => {
         if (Object.keys(userData).length > 0) {
             setCreateMode(id <= 0);

src/pages/Organization/DetailPage/index.js

@@ -32,6 +32,7 @@ const OrganizationDetailPage = () => {
     const [formData, setFormData] = React.useState({})
     const [list, setList] = React.useState([])
     const [isLoading, setLoding] = React.useState(true);
+    const [isEditMode, setEditMode] = React.useState(false);
     const navigate = useNavigate();
 
     React.useEffect(() => {
@@ -96,11 +97,12 @@ const OrganizationDetailPage = () => {
                                     userData={formData}
                                     loadDataFun={loadData}
                                     id={params.id}
+                                    setEditModeFun={setEditMode}
                                 />
                             </Box>
                             <br />
                         </Grid>
-                        <Grid item xs={12} md={12} lg={12}>
+                        <Grid item xs={12} md={12} lg={12}  display={isEditMode?"none":""}>
                             <Box xs={12} ml={0} mt={-1} mr={0} sx={{ pl:4, pr:4, pb:2 }}>
                                 <Grid container sx={{ p: 3, backgroundColor: "#FFF",  borderRadius: '10px' }}>
                                     <Grid item xs={12} sx={{ p:1 }}>