change fields component & handle edit, delete, add data and save & change functional page doctor

2025-07-02 01:58:44 +03:30
parent 43eb9c2b78
commit 04d3e38859
22 changed files with 290 additions and 313 deletions
@@ -0,0 +1,109 @@
+import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
+import {
+  handleTimeExpiresToken,
+  removeAdditionalKeysDashboard,
+} from "@/helper";
+import { request } from "@/services/response";
+import { Button } from "@mui/material";
+import Cookies from "js-cookie";
+
+function ButtonSendData({
+  loading,
+  errors,
+  information,
+  setInformation,
+  setLoading,
+  setErrors,
+}) {
+  const handleErrReq = (err) => {
+    const errors = err?.response?.data;
+    if (errors) {
+      setErrors(typeof errors === "string" ? {} : errors);
+    }
+    setLoading(false);
+  };
+
+  const postData = () => {
+    request
+      .postUserProfile(information)
+      .then((response) => {
+        if (response.uuid) {
+          const formData = new URLSearchParams();
+          formData.append("grant_type", "refresh_token");
+          formData.append("client_id", process.env.NEXT_PUBLIC_CLIENT_ID);
+          formData.append(
+            "client_secret",
+            process.env.NEXT_PUBLIC_CLIENT_SECRET
+          );
+          formData.append("refresh_token", Cookies.get("refresh_token"));
+
+          request
+            .postRefreshToken(formData)
+            .then((res) => {
+              const expiresTime = handleTimeExpiresToken(res.expires_in);
+              Cookies.set("access_token", res.access_token, {
+                expires: expiresTime.accessTokenExpires,
+                path: "/",
+                secure: true,
+                sameSite: "strict",
+              });
+
+              setInformation({
+                ...information,
+                prev_data: true,
+                uuid: response.uuid,
+              });
+              setLoading(false);
+            })
+            .catch((err) => {
+              setLoading(false);
+            });
+        }
+      })
+      .catch((err) => {
+        handleErrReq(err);
+      });
+  };
+
+  const patchData = () => {
+    const usedKays = removeAdditionalKeysDashboard(information);
+
+    request
+      .patchUserProfile(
+        usedKays,
+        information?.uuid,
+        Cookies.get("access_token")
+      )
+      .then(() => {
+        setLoading(false);
+      })
+      .catch((err) => handleErrReq(err));
+  };
+
+  const sendReq = () => {
+    setLoading(true);
+
+    information.prev_data ? patchData() : postData();
+  };
+  const isDisabled = () => {
+    return loading || Object.values(errors).some(Boolean) || !information;
+  };
+
+  return (
+    <Button
+      variant="contained"
+      onClick={sendReq}
+      loading={loading}
+      disabled={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]
+              `}
+    >
+      ثبت اطلاعات
+      <ArrowLeftWhiteD />
+    </Button>
+  );
+}
+
+export default ButtonSendData;