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

2024-09-01 20:43:53 +03:30
parent 2afd79b84d
commit bb154ac63f
46 changed files with 685 additions and 523 deletions
@@ -0,0 +1,44 @@
+import Link from "next/link";
+import { Button } from "@mui/material";
+import RedoA from "@/components/icons/RedoA";
+import RefreshA from "@/components/icons/RefreshA";
+import InfoCircleRedA from "@/components/icons/InfoCircleRedA";
+
+function FailedPay({ setStep, fadeElement }) {
+    return (
+        <div className='w-full lg:w-[59%]'>
+            <div
+                className={`opacity-page bg-transparent lg:bg-[#FFF] border border-solid border-transparent lg:border-[#EFEFEF] 
+                rounded-[8px] p-[12px] sm:p-[16px] md:p-[20px] lg:p-[24px]`}
+            >
+                <div className="mt-[7px]">
+                    <div className="flex flex-col justify-center items-center gap-[14px]">
+                        <InfoCircleRedA />
+                        <p className="text-[#D32F2F] text-[16px] md:text-[18px] lg:text-[20px] font-bold">پرداخت شما انجام نشد.</p>
+                    </div>
+                    <div className="flex mt-[32px] sm:mt-[29px] md:mt-[27px] lg:mt-[24px] items-center justify-center gap-[24px]">
+                        <Link href='/'>
+                            <Button
+                                variant="outlined"
+                                className="!flex !rounded-[8px] !items-center !p-2 !justify-center !gap-[4px]"
+                            >
+                                <RedoA />
+                                <p className="text-[#5559CE] text-[16px] font-medium">صفحه اصلی</p>
+                            </Button>
+                        </Link>
+                        <Button
+                            variant="contained"
+                            onClick={() => setStep(prev => prev - 2)}
+                            className="!flex !rounded-[8px] !items-center !p-2 !justify-center !gap-[4px]"
+                        >
+                            <RefreshA />
+                            <p className="text-[#FAFAFA] text-[16px] font-medium">تلاش دوباره</p>
+                        </Button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default FailedPay