add loading all page & change bugs

components/dashboard/userAccount/tabs/turns/isTurnsDetails/modal/index.js

@@ -3,7 +3,7 @@ import { Box, Button, Modal } from '@mui/material';
 import { styleDefault } from '@/mui';
 import CloseModalD from '@/components/icons/CloseModalD';
 
-function ModalDeleteComment() {
+function ModalDeleteComment({ loading }) {
 
     const [open, setOpen] = useState(false);
     const handleOpen = () => setOpen(true);
@@ -13,7 +13,11 @@ function ModalDeleteComment() {
         <div>
             {/* Button Modal */}
             <Button
-                className="!rounded-[4px] !border-[#828DE0] !py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px]"
+                className={`
+                    ${!loading && '!border-[#828DE0]'} 
+                    !rounded-[4px] !py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px]
+                `}
+                disabled={loading}
                 onClick={handleOpen}
                 variant="outlined"
             >