change date-picker & add page login-verify & account & new user & payment

2024-08-26 20:04:33 +03:30
parent 31ed32fc21
commit 7925493681
34 changed files with 564 additions and 60 deletions
@@ -0,0 +1,7 @@
+function FailedPay() {
+    return (
+        <div>FailedPay</div>
+    )
+}
+
+export default FailedPay
@@ -0,0 +1,30 @@
+import ArrowLeftB from '@/components/icons/ArrowLeftB';
+import { Button } from '@mui/material';
+
+function Paying({ setTypePay }) {
+    return (
+        <>
+            <p className="text-[#3B3B3B] text-[20px] font-bold">
+                اطلاعات پرداخت
+            </p>
+            <div className='flex justify-between items-center mt-[30px]'>
+                <p className='text-[#616161] tet-[16px] font-medium'>مبلغ پیش پرداخت (بیعانه) : </p>
+                <p className='text-[#525252] text-[16px] font-bold'>20،000 تومان</p>
+            </div>
+            <span className='bg-[#D7D7D7] h-px w-full mt-[32px] mb-[25px] block'></span>
+            <div className='flex items-center justify-between'>
+                <p className='text-[#3B3B3B] text-[16px] font-bold'>مبلغ قابل پرداخت : 20،000 تومان</p>
+                <Button
+                    className='!gap-[4px] !mr-auto !flex !px-[12px] !py-[9px] !min-w-[157px]'
+                    onClick={() => setTypePay(true)}
+                    variant="contained"
+                >
+                    <p className="text-[#EFEFEF] text-[16px] font-medium">پرداخت نهایی</p>
+                    <ArrowLeftB />
+                </Button>
+            </div>
+        </>
+    )
+}
+
+export default Paying
@@ -0,0 +1,7 @@
+function SuccessPay() {
+    return (
+        <div>SuccessPay</div>
+    )
+}
+
+export default SuccessPay
@@ -0,0 +1,22 @@
+import { useState } from "react";
+import SuccessPay from "./SuccessPay";
+import FailedPay from "./FailedPay";
+import Paying from "./Paying";
+
+function Payment() {
+
+    const [typePay, setTypePay] = useState('default');
+
+    return (
+        <>
+            {typePay === 'default' ?
+                <Paying setTypePay={setTypePay} /> :
+                typePay === 'success' ?
+                    <SuccessPay /> :
+                    <FailedPay />
+            }
+        </>
+    )
+}
+
+export default Payment