add: profile address page

2025-08-09 14:00:06 +03:30
parent bc5c616fdc
commit 0b86577bb5
1 changed files with 78 additions and 0 deletions
@@ -0,0 +1,78 @@
+"use client";
+
+import Button from '@/components/button/PrimaryButton';
+import { ef } from '@/lib/helpers/utfNumbers';
+// import { useProfile } from '@/hooks/auth/useProfile';
+// import { useAuthStore } from '@/zustand/authStore';
+import { ArrowLeft, Edit2, TickCircle } from 'iconsax-react';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import React from 'react'
+
+type Props = object
+
+function UserAddressesPage({ }: Props) {
+    const router = useRouter();
+
+    return (
+        <div className='overflow-y-auto h-full noscrollbar flex flex-col'>
+            <div className='grid grid-cols-3 items-center'>
+                <span></span>
+                <h1 className='text-sm2 place-self-center font-medium'>افزودن و انتخاب آدرس</h1>
+                <ArrowLeft
+                    className='cursor-pointer place-self-end'
+                    size='24'
+                    color='currentColor'
+                    onClick={() => { router.back() }}
+                />
+            </div>
+
+            <div className="mt-8 flex-1 w-full py-0 flex flex-col gap-4">
+                {/* <div className='flex-1 flex flex-col items-center justify-center gap-4'>
+                    <Danger className='stroke-disabled-text size-9' />
+                    <p className='text-center text-sm2 text-disabled-text'>
+                        شما هیچ آدرسی ثبت نکرده اید.برای ثبت آدرس دکمه افزودن را بزنید
+                    </p>
+                </div> */}
+                <div className="bg-container rounded-container w-full shadow-xl px-4 py-4 flex flex-col justify-between">
+                    <h2 className='text-sm font-medium'>منزل</h2>
+                    <p className='text-sm2 mt-2'>
+                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است
+                    </p>
+                    <p className='text-xs mt-3'>
+                        {ef('ارسال: 10,000 تومان')}
+                    </p>
+                    <div className="flex justify-between items-center mt-4">
+                        <Button className='!bg-background !text-foreground flex items-center gap-2 text-xs h-8'>
+                            <TickCircle variant='Bold' className='fill-foreground stroke-background size-4.5 mb-0.5' />
+                            تنظیم به عنوان فعال
+                        </Button>
+                        <Link href={'address/new'}>
+                            <Button className='!bg-background !text-foreground flex justify-center items-center gap-2 text-xs p-0! size-8!'>
+                                <Edit2 className='stroke-foreground size-5 mb-0.5' />
+                            </Button>
+                        </Link>
+                    </div>
+                </div>
+
+                <div className="bg-container rounded-container w-full shadow-xl px-4 py-4 flex flex-col justify-between">
+                    <h2 className='text-sm font-medium'>شرکت</h2>
+                    <p className='text-sm2 mt-2'>
+                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است
+                    </p>
+                    <p className='text-xs mt-3'>
+                        {ef('ارسال: 21,000 تومان')}
+                    </p>
+                </div>
+            </div>
+
+            <div className='w-full text-center mt-6'>
+                <Link href={'address/new'}>
+                    <Button>افزودن آدرس</Button>
+                </Link>
+            </div>
+        </div>
+    )
+}
+
+export default UserAddressesPage