handle all pages dashboard & register api

2025-05-24 22:17:55 +03:30
parent 7dfad1847a
commit 5fa740ad1b
19 changed files with 549 additions and 182 deletions
@@ -0,0 +1,53 @@
+import RetryLogin from "@/components/icons/RetryLogin";
+import { Button } from "@mui/material";
+const time_resend_code = 120;
+
+function Recode({ retryIcon, timer, setTimer }) {
+  const handleTimer = () => {
+    setTimer("loading");
+    setTimeout(() => {
+      setTimer(time_resend_code);
+      let timePresent = time_resend_code;
+      const timerInterval = setInterval(() => {
+        timePresent--;
+        setTimer(timePresent);
+
+        !timePresent && clearInterval(timerInterval);
+      }, 1000);
+    }, 1000);
+  };
+
+  return (
+    <Button
+      className="flex !p-1 items-center justify-start gap-1 hover-rotate-90 cursor-pointer"
+      disabled={typeof timer === "number" && timer !== 0}
+      onClick={() => {
+        if (!timer && timer !== "loading") {
+          handleTimer();
+          retryIcon.current.classList.add("retry-icon");
+          setTimeout(() => {
+            retryIcon.current &&
+              retryIcon.current.classList.remove("retry-icon");
+          }, 1000);
+        }
+      }}
+    >
+      {timer && timer !== "loading" ? (
+        <p className="text-[#F17732] text-[14px] font-normal select-none">
+          {timer} ثانیه
+        </p>
+      ) : (
+        <>
+          <div ref={retryIcon}>
+            <RetryLogin />
+          </div>
+          <p className="text-[#F17732] text-[14px] font-normal select-none">
+            دریافت مجدد کد
+          </p>
+        </>
+      )}
+    </Button>
+  );
+}
+
+export default Recode;