change design all page & component page booking and account & cleancode

components/register/SetCodePage.js

@@ -9,7 +9,7 @@ import ArrowRightS from "../icons/ArrowRightS";
 
 const time_resend_code = 120;
 
-function SetCodePage({ setIsSendMsg, link }) {
+function SetCodePage({ setIsSendMsg, link, setStep }) {
 
     const retryIcon = useRef();
 
@@ -39,7 +39,10 @@ function SetCodePage({ setIsSendMsg, link }) {
         p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]'>
             <div
                 className="cursor-pointer"
-                onClick={() => setIsSendMsg(false)}
+                onClick={() => {
+                    setStep && setStep(prev => prev - 1)
+                    setIsSendMsg && setIsSendMsg(false)
+                }}
             >
                 <ArrowRightS />
             </div>
@@ -63,7 +66,11 @@ function SetCodePage({ setIsSendMsg, link }) {
 
                     <Button
                         className='flex !p-1 items-center justify-start gap-1 cursor-pointer'
-                        onClick={() => setIsSendMsg(false)}
+                        onClick={() => {
+                            setStep && setStep(prev => prev - 1)
+                            setIsSendMsg && setIsSendMsg(false)
+
+                        }}
                     >
                         <EditLogin />
                         <p className='text-[#F17732] text-[14px] font-normal select-none'>ویرایش شماره موبایل</p>
@@ -101,11 +108,17 @@ function SetCodePage({ setIsSendMsg, link }) {
                     </Button>
                 </div>
             </div>
-            <Link href={link}>
+            <Link
+                href={link || ''}
+                onClick={e => !link && e.preventDefault()}
+            >
                 <Button
                     fullWidth
                     variant='contained'
-                    onClick={() => setIsSendMsg(true)}
+                    onClick={() => {
+                        setIsSendMsg && setIsSendMsg(true)
+                        setStep && setStep(prev => prev + 1)
+                    }}
                     className='!rounded-[8px] !bg-[#5559CE]'
                 >تایید</Button>
             </Link>