font size order detail and back button
This commit is contained in:
@@ -75,7 +75,7 @@ const formatDate = (dateString: string): string => {
|
|||||||
// };
|
// };
|
||||||
|
|
||||||
function OrderTrackingPage() {
|
function OrderTrackingPage() {
|
||||||
const { id } = useParams();
|
const { id, name } = useParams();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
const { state: cancelModal, toggle: toggleCancelModal } = useToggle();
|
const { state: cancelModal, toggle: toggleCancelModal } = useToggle();
|
||||||
@@ -124,27 +124,27 @@ function OrderTrackingPage() {
|
|||||||
زمان سفارش
|
زمان سفارش
|
||||||
</span>
|
</span>
|
||||||
<div className='flex items-end gap-0.5'>
|
<div className='flex items-end gap-0.5'>
|
||||||
<span className='text-base font-semibold'>{formatDate(orderDetail.data.createdAt)}</span>
|
<span className='text-sm font-semibold'>{formatDate(orderDetail.data.createdAt)}</span>
|
||||||
{/* <span className='text-xs text-muted-foreground'>{formatTime(orderDetail.data.createdAt)}</span> */}
|
{/* <span className='text-xs text-muted-foreground'>{formatTime(orderDetail.data.createdAt)}</span> */}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex justify-between items-center h-16 border-b border-border'>
|
<div className='flex justify-between items-center h-16 border-b border-border'>
|
||||||
<span className='text-sm text-muted-foreground'>نوع ارسال</span>
|
<span className='text-sm text-muted-foreground'>نوع ارسال</span>
|
||||||
<span className='text-base font-semibold'>{orderDetail.data?.deliveryMethod?.description}</span>
|
<span className='text-sm font-semibold'>{orderDetail.data?.deliveryMethod?.description}</span>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex justify-between items-center h-16 border-b border-border'>
|
<div className='flex justify-between items-center h-16 border-b border-border'>
|
||||||
<span className='text-sm text-muted-foreground'>شماره سفارش</span>
|
<span className='text-sm text-muted-foreground'>شماره سفارش</span>
|
||||||
<span className='text-base font-semibold'>#{orderDetail.data.orderNumber}</span>
|
<span className='text-sm font-semibold'>#{orderDetail.data.orderNumber}</span>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex justify-between items-center h-16 border-b border-border'>
|
<div className='flex justify-between items-center h-16 border-b border-border'>
|
||||||
<span className='text-sm text-muted-foreground'>وضعیت سفارش</span>
|
<span className='text-sm text-muted-foreground'>وضعیت سفارش</span>
|
||||||
<span className='text-base font-semibold'>{getStatusText(orderDetail.data.status)}</span>
|
<span className='text-sm font-semibold'>{getStatusText(orderDetail.data.status)}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{orderDetail.data.tableNumber && (
|
{orderDetail.data.tableNumber && (
|
||||||
<div className='flex justify-between items-center h-16 border-b border-border'>
|
<div className='flex justify-between items-center h-16 border-b border-border'>
|
||||||
<span className='text-sm text-muted-foreground'>شماره میز</span>
|
<span className='text-sm text-muted-foreground'>شماره میز</span>
|
||||||
<span className='text-base font-semibold'>#{orderDetail.data.tableNumber}</span>
|
<span className='text-sm font-semibold'>#{orderDetail.data.tableNumber}</span>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
@@ -156,8 +156,8 @@ function OrderTrackingPage() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div className='flex justify-between items-center py-4 border-t border-border'>
|
<div className='flex justify-between items-center py-4 border-t border-border'>
|
||||||
<span className='text-base font-medium'>مجموع سفارش</span>
|
<span className='text-sm font-medium'>مجموع سفارش</span>
|
||||||
<span className='text-lg font-bold text-primary'>
|
<span className='text-sm font-bold text-primary'>
|
||||||
{orderDetail.data.total.toLocaleString('fa-IR')} تومان
|
{orderDetail.data.total.toLocaleString('fa-IR')} تومان
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -174,7 +174,7 @@ function OrderTrackingPage() {
|
|||||||
<div className='p-4 border-t border-border bg-container'>
|
<div className='p-4 border-t border-border bg-container'>
|
||||||
<div className='max-w-2xl mx-auto grid grid-cols-2 gap-4'>
|
<div className='max-w-2xl mx-auto grid grid-cols-2 gap-4'>
|
||||||
<Button
|
<Button
|
||||||
onClick={() => router.back()}
|
onClick={() => router.push(`/${name}`)}
|
||||||
type='button'>
|
type='button'>
|
||||||
بازگشت به منو
|
بازگشت به منو
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Reference in New Issue
Block a user