Mahyar Khanbolooki
78 lines
3.7 KiB
TypeScript
78 lines
3.7 KiB
TypeScript
"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 |