change function and design page doctors & signin & signup & home & specialties & helper

components/register/LogInPage.js

@@ -1,5 +1,6 @@
 import Field from "@/app/component/element/Field";
 import { formatPhoneNumber, validatePhoneNumber } from "@/helper";
+import { request } from "@/services/response";
 import { Button, InputAdornment } from "@mui/material";
 import Link from "next/link";
 import { useState } from "react";
@@ -15,6 +16,18 @@ function LogInPage({ setIsSendMsg, setStep, matchedCity }) {
     setNum(formatted);
   };
 
+  const handleReq = () => {
+    request
+      .auth("/")
+      .then(() => {
+        setIsSendMsg && setIsSendMsg(true);
+        setStep && setStep((prev) => prev + 1);
+      })
+      .catch(() => {
+        setLoading(false);
+      });
+  };
+
   return (
     <div
       className="rounded-[16px] mt-[28px] opacity-page sm:mt-[14px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
@@ -73,8 +86,7 @@ function LogInPage({ setIsSendMsg, setStep, matchedCity }) {
             setError(checkedNum);
             return;
           }
-          setIsSendMsg && setIsSendMsg(true);
-          setStep && setStep((prev) => prev + 1);
+          handleReq();
         }}
         className="!rounded-[8px] !bg-[#5559CE] !py-[7.5px] md:!py-[8.5px] lg:!py-[10px]"
       >