src/components/common/GlobalModel.jsx

@@ -8,7 +8,8 @@ const GlobalModel = ({
   dialogClass = '',  // For additional custom classes on modal dialog
   role = 'dialog',   // Accessibility role for the modal
   size = '',         // Dynamically set the size (sm, lg, xl)
-  dataAttributes = {} // Additional dynamic data-bs-* attributes
+  dataAttributes = {}, // Additional dynamic data-bs-* attributes
+  IsCloseBtn=true
 }) => {
   const modalRef = useRef(null);  // Reference to the modal element
 
@@ -69,13 +70,13 @@ useEffect(() => {
         <div className="modal-content">
           <div className="modal-header p-0">
             {/* Close button inside the modal header */}
-            <button
+           {IsCloseBtn && <button
               type="button"
               className="btn-close"
               data-bs-dismiss="modal"
               aria-label="Close"
               onClick={closeModal}  // Trigger the React closeModal function
-            ></button>
+            ></button>}
           </div>
           <div className="modal-body  p-sm-4 p-0">
             {children}  {/* Render children here, which can be the ReportTask component */}