font size order detail and back button

This commit is contained in:
hamid zarghami
2025-12-25 11:26:14 +03:30
parent e438d35b48
commit d70167d319
@@ -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>