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() {
const { id } = useParams();
const { id, name } = useParams();
const router = useRouter();
const queryClient = useQueryClient();
const { state: cancelModal, toggle: toggleCancelModal } = useToggle();
@@ -124,27 +124,27 @@ function OrderTrackingPage() {
زمان سفارش
</span>
<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> */}
</div>
</div>
<div className='flex justify-between items-center h-16 border-b border-border'>
<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 className='flex justify-between items-center h-16 border-b border-border'>
<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 className='flex justify-between items-center h-16 border-b border-border'>
<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>
{orderDetail.data.tableNumber && (
<div className='flex justify-between items-center h-16 border-b border-border'>
<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>
)}
@@ -156,8 +156,8 @@ function OrderTrackingPage() {
)}
<div className='flex justify-between items-center py-4 border-t border-border'>
<span className='text-base font-medium'>مجموع سفارش</span>
<span className='text-lg font-bold text-primary'>
<span className='text-sm font-medium'>مجموع سفارش</span>
<span className='text-sm font-bold text-primary'>
{orderDetail.data.total.toLocaleString('fa-IR')} تومان
</span>
</div>
@@ -174,7 +174,7 @@ function OrderTrackingPage() {
<div className='p-4 border-t border-border bg-container'>
<div className='max-w-2xl mx-auto grid grid-cols-2 gap-4'>
<Button
onClick={() => router.back()}
onClick={() => router.push(`/${name}`)}
type='button'>
بازگشت به منو
</Button>