structured code

src/pages/master/MasterPage.jsx

@@ -111,11 +111,16 @@ const MasterPage = () => {
   return (
     <>
       {isCreateModalOpen && (
-        <GlobalModel  size={
+        <GlobalModel
-    modalConfig?.masterType === "Application Role" || modalConfig?.masterType === "Edit-Application Role" 
+          size={
+            modalConfig?.masterType === "Application Role" ||
+            modalConfig?.masterType === "Edit-Application Role"
               ? "lg"
               : "md"
-  } isOpen={isCreateModalOpen} closeModal={()=>closeModal()}>
+          }
+          isOpen={isCreateModalOpen}
+          closeModal={() => closeModal()}
+        >
           <MasterModal modaldata={modalConfig} closeModal={closeModal} />
         </GlobalModel>
       )}

src/pages/master/MasterTable.jsx

@@ -27,7 +27,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
     "maxFilesAllowed",
     "maxSizeAllowedInMB",
     "isValidationRequired",
-    "documentCategory"
+    "documentCategory",
   ];
 
   const safeData = Array.isArray(data) ? data : [];
@@ -73,9 +73,11 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
 
   const handleSystemDefined = (message) => {
     if (message) {
-      showToast(`The system-defined item ${selectedMaster} cannot be ${message}.`)
+      showToast(
-      }
+        `The system-defined item ${selectedMaster} cannot be ${message}.`
+      );
     }
+  };
 
   return (
     <div className="table-responsive">
@@ -86,12 +88,18 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
           <thead className="shadow-sm">
             <tr>
               <th></th>
-              <th className="text-start"> {selectedMaster === "Activity" ? "Activity" : "Name"}</th>
+              <th className="text-start">
-              <th className="text-start">  {selectedMaster === "Activity"
+                {" "}
+                {selectedMaster === "Activity" ? "Activity" : "Name"}
+              </th>
+              <th className="text-start">
+                {" "}
+                {selectedMaster === "Activity"
                   ? "Unit"
                   : selectedMaster === "Document Type"
                   ? "Content Type"
-    : "Description"}</th>
+                  : "Description"}
+              </th>
               <th className={` ${!hasMasterPermission && "d-none"}`}>
                 Actions
               </th>
@@ -126,15 +134,15 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
                     </td>
                   ))}
                   <td className={!hasMasterPermission ? "d-none" : ""}>
-                  {(selectedMaster === "Application Role" || selectedMaster === "Work Category") && item?.isSystem ? ( 
+                    {(selectedMaster === "Application Role" ||
+                      selectedMaster === "Work Category") &&
+                    item?.isSystem ? (
                       <>
                         <button
                           aria-label="Modify"
                           type="button"
                           className="btn p-0 dropdown-toggle hide-arrow"
-                        onClick={() =>
+                          onClick={() => handleSystemDefined("updated")}
-                          handleSystemDefined("updated")
-                        }
                         >
                           <i className="bx bxs-edit me-2 text-primary"></i>
                         </button>
@@ -157,7 +165,11 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
                           data-bs-target="#master-modal"
                           className="btn p-0 dropdown-toggle hide-arrow"
                           onClick={() =>
-                            handleModalData(`Edit-${selectedMaster}`, item, selectedMaster)
+                            handleModalData(
+                              `Edit-${selectedMaster}`,
+                              item,
+                              selectedMaster
+                            )
                           }
                         >
                           <i className="bx bxs-edit me-2 text-primary"></i>
@@ -167,7 +179,9 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
                           aria-label="Delete"
                           type="button"
                           className="btn p-0 dropdown-toggle hide-arrow"
-  onClick={() => handleModalData("delete", item, selectedMaster)}
+                          onClick={() =>
+                            handleModalData("delete", item, selectedMaster)
+                          }
                         >
                           <i className="bx bx-trash me-1 text-danger"></i>
                         </button>