Update page.tsx
This commit is contained in:
@@ -672,36 +672,52 @@ export default function OrderDetailsPage() {
|
||||
)}
|
||||
|
||||
{order?.status === "acknowledged" && (
|
||||
<Button
|
||||
className="w-full"
|
||||
onClick={handleMarkAsShipped}
|
||||
disabled={isMarkingShipped}
|
||||
>
|
||||
{isMarkingShipped ? "Processing..." : "Mark as Shipped"}
|
||||
</Button>
|
||||
)}
|
||||
|
||||
{(order?.status === "acknowledged" || order?.status === "shipped") && (
|
||||
<div className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="tracking">Tracking Number</Label>
|
||||
<div className="flex gap-2">
|
||||
<Input
|
||||
id="tracking"
|
||||
value={trackingNumber}
|
||||
onChange={(e) => setTrackingNumber(e.target.value)}
|
||||
placeholder="Enter tracking number"
|
||||
/>
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={handleAddTracking}
|
||||
disabled={!trackingNumber || isSending}
|
||||
>
|
||||
<Truck className="h-4 w-4" />
|
||||
</Button>
|
||||
{order.trackingNumber === "" ? (
|
||||
<div className="text-sm text-zinc-400 text-center py-2">
|
||||
Tracking number has been viewed by the buyer
|
||||
</div>
|
||||
</div>
|
||||
<Button
|
||||
className="w-full"
|
||||
onClick={handleMarkAsShipped}
|
||||
disabled={isMarkingShipped || !trackingNumber}
|
||||
>
|
||||
{isMarkingShipped ? "Processing..." : "Mark as Shipped"}
|
||||
</Button>
|
||||
) : order.trackingNumber ? (
|
||||
<div className="text-sm text-zinc-400 text-center py-2">
|
||||
Tracking number is present
|
||||
</div>
|
||||
) : (
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="tracking">Tracking Number (Optional)</Label>
|
||||
<div className="flex gap-2">
|
||||
<Input
|
||||
id="tracking"
|
||||
value={trackingNumber}
|
||||
onChange={(e) => setTrackingNumber(e.target.value)}
|
||||
placeholder="Enter tracking number"
|
||||
/>
|
||||
<Button
|
||||
variant="outline"
|
||||
onClick={handleAddTracking}
|
||||
disabled={!trackingNumber || isSending}
|
||||
>
|
||||
<Truck className="h-4 w-4" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{order?.status !== "cancelled" && order?.status !== "completed" && (
|
||||
{/* Cancel Order Button */}
|
||||
{order?.status !== "cancelled" &&
|
||||
order?.status !== "completed" &&
|
||||
order?.status !== "shipped" && (
|
||||
<AlertDialog>
|
||||
<AlertDialogTrigger asChild>
|
||||
<Button variant="destructive" className="w-full">
|
||||
@@ -730,7 +746,7 @@ export default function OrderDetailsPage() {
|
||||
|
||||
{(order?.status === "completed" || order?.status === "cancelled") && (
|
||||
<div className="text-center py-6 text-sm text-zinc-500">
|
||||
No actions available - Order is {order.status.toLowerCase()}
|
||||
No actions available - Order is {order.status}
|
||||
</div>
|
||||
)}
|
||||
</CardContent>
|
||||
|
||||
Reference in New Issue
Block a user