From 8255283ec013f27bdb545932074554b1bb413b30 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Mon, 15 Jun 2026 00:30:55 +0330
Subject: [PATCH] fix(ui): remove invalid MUI v5 Button loading prop
 project-wide
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

prop loading روی Button فقط در MUI v6+ پشتیبانی می‌شود؛ این پروژه v5 است
و هشدار "Received false for a non-boolean attribute loading" می‌داد.
- دکمه‌های login/verify: disabled + CircularProgress شرطی (بازخورد بصری حفظ شد)
- بقیه دکمه‌ها: loading → disabled (ادغام با disabled موجود در صورت وجود)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/component/ItemDoctor.js                                 | 2 +-
 app/component/ModalLogout.js                                | 2 +-
 app/component/comment/SendAnswer.js                         | 2 +-
 app/component/date/dateTime/SendAppo.js                     | 2 +-
 app/component/modalSearchCity/Content.js                    | 2 +-
 components/appointment/detail/SubmitData.js                 | 2 +-
 .../clinic/components/doctors/head/modal/ButtonApply.js     | 2 +-
 components/clinic/components/doctors/head/search/SendReq.js | 2 +-
 components/clinics/head/FilterButton.js                     | 2 +-
 components/clinics/head/filter/Content.js                   | 2 +-
 components/clinics/list/ItemClinic.js                       | 2 +-
 .../userAccount/detailUser/information/ButtonSendData.js    | 3 +--
 .../detailDoctor/cards/comments/modal/content/Form.js       | 2 +-
 components/panel/addDoctor/form/sendReq/index.js            | 3 +--
 components/register/LogInPage.js                            | 6 +++---
 components/register/verificationPage/SendReq.js             | 4 ++--
 16 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/app/component/ItemDoctor.js b/app/component/ItemDoctor.js
index 64ee0ed..9a262ab 100644
--- a/app/component/ItemDoctor.js
+++ b/app/component/ItemDoctor.js
@@ -98,7 +98,7 @@ function ItemDoctor({ doctor, loading, setDoctors, priority = false }) {
         <Button
           variant="contained"
           onClick={handleLoading}
-          loading={doctor?.loading}
+          disabled={doctor?.loading}
           className="!p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit"
         >
           <div className={doctor && doctor.loading ? "opacity-0" : ""}>
diff --git a/app/component/ModalLogout.js b/app/component/ModalLogout.js
index f7567e5..0130032 100644
--- a/app/component/ModalLogout.js
+++ b/app/component/ModalLogout.js
@@ -42,7 +42,7 @@ function ModalLogout({ open, handleClose }) {
           </Button>
           <Button
             onClick={logout}
-            loading={loading}
+            disabled={loading}
             variant="contained"
             className="!py-[4px] md:!py-[6px] !min-h-[32px] md:!min-h-[39px] lg:!min-h-[46px] lg:!py-[8px] !px-[10px] md:!px-[14px] lg:!px-[18px] !rounded-[4px] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
           >
diff --git a/app/component/comment/SendAnswer.js b/app/component/comment/SendAnswer.js
index e513f3d..c201510 100644
--- a/app/component/comment/SendAnswer.js
+++ b/app/component/comment/SendAnswer.js
@@ -50,7 +50,7 @@ function SendAnswer({ data }) {
         updateValue={(val) => setComment(val)}
       />
       <Button
-        loading={loading}
+        disabled={loading}
         onClick={sendReq}
         variant="contained"
         className="!p-2 !h-10 !text-[12px] !font-medium sm:!py-[10px] md:!px-[12px] !rounded-[8px]
diff --git a/app/component/date/dateTime/SendAppo.js b/app/component/date/dateTime/SendAppo.js
index 646244d..0252413 100644
--- a/app/component/date/dateTime/SendAppo.js
+++ b/app/component/date/dateTime/SendAppo.js
@@ -45,7 +45,7 @@ function SendAppo({ hour, setStep, setSelectedSlot, date, setSelectedDate }) {
       <Button
         className="!gap-[4px] !text-[16px] !font-medium !shadow-none !px-[12px] !py-[8px] md:!py-[9px] !w-full md:!w-fit !min-w-[157px]"
         variant="contained"
-        loading={loading}
+        disabled={loading}
         onClick={sendReq}
         disabled={!hour}
       >
diff --git a/app/component/modalSearchCity/Content.js b/app/component/modalSearchCity/Content.js
index ed853c7..64c5555 100644
--- a/app/component/modalSearchCity/Content.js
+++ b/app/component/modalSearchCity/Content.js
@@ -74,7 +74,7 @@ function Content({
         </div>
         <div className="w-full flex justify-end">
           <Button
-            loading={loading}
+            disabled={loading}
             className="!w-full md:!w-fit !flex !px-3 items-center justify-center gap-1 mr-auto"
             onClick={handleClick}
             variant="contained"
diff --git a/components/appointment/detail/SubmitData.js b/components/appointment/detail/SubmitData.js
index dcbee38..b2757b7 100644
--- a/components/appointment/detail/SubmitData.js
+++ b/components/appointment/detail/SubmitData.js
@@ -129,7 +129,7 @@ function SubmitData({ setStep, data, prevData, setErrors, doctor, selectedSlot,
   return (
     <ButtonFixed>
       <Button
-        loading={loading}
+        disabled={loading}
         className={`
             !flex !w-full md:!w-fit !mt-0 md:!mt-[32px]
             !gap-[4px] md:!mr-auto !px-[12px] !py-[8px] md:!py-[9px] !min-w-[150px]
diff --git a/components/clinic/components/doctors/head/modal/ButtonApply.js b/components/clinic/components/doctors/head/modal/ButtonApply.js
index 2dd08c9..1d597b0 100644
--- a/components/clinic/components/doctors/head/modal/ButtonApply.js
+++ b/components/clinic/components/doctors/head/modal/ButtonApply.js
@@ -16,7 +16,7 @@ function ButtonApply({ sendReq, setOpen }) {
   return (
     <div className="flex justify-end w-full">
       <Button
-        loading={loading}
+        disabled={loading}
         variant="contained"
         onClick={handleClick}
         className="!px-3 !py-2 !text-[16px] !font-medium"
diff --git a/components/clinic/components/doctors/head/search/SendReq.js b/components/clinic/components/doctors/head/search/SendReq.js
index 17bb9e3..2cb74bb 100644
--- a/components/clinic/components/doctors/head/search/SendReq.js
+++ b/components/clinic/components/doctors/head/search/SendReq.js
@@ -29,7 +29,7 @@ function SendReq({ filter, setFilter, setDataInURL, sendReq }) {
   };
   return (
     <Button
-      loading={loading}
+      disabled={loading}
       onClick={filterData}
       className="!flex !m-1 !rounded-[4px] !w-[36px] sm:!w-[42px] md:!w-[49px] lg:!w-[56px] !min-w-[36px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
         !gap-2.5 !p-2.5 md:!p-4 !h-[calc(100%_-_8px)]"
diff --git a/components/clinics/head/FilterButton.js b/components/clinics/head/FilterButton.js
index a0b07c9..277218c 100644
--- a/components/clinics/head/FilterButton.js
+++ b/components/clinics/head/FilterButton.js
@@ -21,7 +21,7 @@ function FilterButton({ limit, selected, filterData }) {
   return (
     <Button
       onClick={sendReq}
-      loading={loading}
+      disabled={loading}
       className="
         !rounded-[4px] !gap-2.5 !p-2 md:!p-3 lg:!p-4 !grid !place-items-center
         !w-[38px] sm:!w-[44px] md:!w-[50px] lg:!w-[56px] 
diff --git a/components/clinics/head/filter/Content.js b/components/clinics/head/filter/Content.js
index 2563904..91ec117 100644
--- a/components/clinics/head/filter/Content.js
+++ b/components/clinics/head/filter/Content.js
@@ -73,7 +73,7 @@ function Content({
         <div className="w-full flex justify-end">
           <Button
             color="primary"
-            loading={loading}
+            disabled={loading}
             variant="contained"
             onClick={handleFilter}
             disabled={!selected.city || !selected.province}
diff --git a/components/clinics/list/ItemClinic.js b/components/clinics/list/ItemClinic.js
index 1a2425e..1aa4ea2 100644
--- a/components/clinics/list/ItemClinic.js
+++ b/components/clinics/list/ItemClinic.js
@@ -68,7 +68,7 @@ function ItemClinic({ setFilteredClinics, data, loading }) {
       <Link href={`/clinic/${data.uuid}`}>
         <Button
           onClick={handleLoading}
-          loading={data?.loading}
+          disabled={data?.loading}
           className="!bg-[#5559CE] !p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit"
         >
           <div className={data && data.loading ? "opacity-0" : ""}>
diff --git a/components/dashboard/userAccount/detailUser/information/ButtonSendData.js b/components/dashboard/userAccount/detailUser/information/ButtonSendData.js
index f440699..cebd7d1 100644
--- a/components/dashboard/userAccount/detailUser/information/ButtonSendData.js
+++ b/components/dashboard/userAccount/detailUser/information/ButtonSendData.js
@@ -90,8 +90,7 @@ function ButtonSendData({
     <Button
       variant="contained"
       onClick={sendReq}
-      loading={loading}
-      disabled={isDisabled()}
+      disabled={loading || isDisabled()}
       className={`!gap-[4px] !mr-auto !text-nowrap !flex !flex-nowrap !py-[8px]
                  !rounded-[4px] !text-[14px] md:!text-[16px] !font-medium
                 !mt-[32px] sm:!mt-[38px] md:!mt-[43px] lg:!mt-[48px] !px-[16px] sm:!px-[19px] md:!px-[22px] lg:!px-[24px]
diff --git a/components/doctor/detailDoctor/cards/comments/modal/content/Form.js b/components/doctor/detailDoctor/cards/comments/modal/content/Form.js
index 244fb6d..d7779e0 100644
--- a/components/doctor/detailDoctor/cards/comments/modal/content/Form.js
+++ b/components/doctor/detailDoctor/cards/comments/modal/content/Form.js
@@ -79,7 +79,7 @@ function Form({
       />
       <Button
         onClick={sendReq}
-        loading={loading}
+        disabled={loading}
         variant="contained"
         className="!py-2.5 !mr-auto !px-4 gap-1 !text-[14px] !font-medium !mt-[32px] !shadownon"
       >
diff --git a/components/panel/addDoctor/form/sendReq/index.js b/components/panel/addDoctor/form/sendReq/index.js
index ba185dc..4950931 100644
--- a/components/panel/addDoctor/form/sendReq/index.js
+++ b/components/panel/addDoctor/form/sendReq/index.js
@@ -52,10 +52,9 @@ function SendReq({ img, data, resetData }) {
     <div className="mt-[40px] w-full flex justify-end">
       <Button
         className="!w-full md:!w-fit !shadow-none !rounded-[4px] !gap-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium"
-        disabled={!checkAllValues(data)}
+        disabled={loading || !checkAllValues(data)}
         variant="contained"
         onClick={saveImg}
-        loading={loading}
       >
         <p className={loading ? "opacity-0" : ""}>ثبت اطلاعات</p>
         <div className={!checkAllValues(data) ? "opacity-40" : "opacity-100"}>
diff --git a/components/register/LogInPage.js b/components/register/LogInPage.js
index f944a63..1f433f0 100644
--- a/components/register/LogInPage.js
+++ b/components/register/LogInPage.js
@@ -1,7 +1,7 @@
 import Field from "@/app/component/element/Field";
 import { validatePhoneNumber } from "@/helper";
 import { request } from "@/services/response";
-import { InputAdornment, Button } from "@mui/material";
+import { InputAdornment, Button, CircularProgress } from "@mui/material";
 import Link from "next/link";
 import { useState } from "react";
 import { toast } from "react-toastify";
@@ -72,7 +72,7 @@ function LogInPage({ setIsSendMsg, num, setNum, setUuid, matchedCity, setStep })
       <Button
         fullWidth
         variant="contained"
-        loading={loading}
+        disabled={loading}
         onClick={() => {
           const checkedNum = validatePhoneNumber(num);
           if (!checkedNum.valid) {
@@ -83,7 +83,7 @@ function LogInPage({ setIsSendMsg, num, setNum, setUuid, matchedCity, setStep })
         }}
         className="!rounded-[8px] !bg-[#5559CE] !py-[7.5px] md:!py-[8.5px] lg:!py-[10px]"
       >
-        ورود
+        {loading ? <CircularProgress size={22} sx={{ color: "#fff" }} /> : "ورود"}
       </Button>
       <p className="text-[#525252] text-[14px] font-normal text-center mt-[34px] sm:mt-[36px] md:mt-[38px] lg:mt-[40px]">
         <Link href="/">
diff --git a/components/register/verificationPage/SendReq.js b/components/register/verificationPage/SendReq.js
index 77a61c5..b75c301 100644
--- a/components/register/verificationPage/SendReq.js
+++ b/components/register/verificationPage/SendReq.js
@@ -1,4 +1,4 @@
-import { Button } from "@mui/material";
+import { Button, CircularProgress } from "@mui/material";
 import { request } from "@/services/response";
 import Cookies from "js-cookie";
 import { handleTimeExpiresToken } from "@/helper";
@@ -112,7 +112,7 @@ function SendReq({
       }}
       className="!rounded-[8px] !bg-[#5559CE]"
     >
-      تایید
+      {loading ? <CircularProgress size={22} sx={{ color: "#fff" }} /> : "تایید"}
     </Button>
   );
 }