g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
NotII
2025-04-21 15:56:25 +01:00
parent 6a0f2ff803
commit 679f59bba7
1 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
app/dashboard/orders/[id]/page.tsx
View File

@@ -672,36 +672,52 @@ export default function OrderDetailsPage() {
)} )}
{order?.status === "acknowledged" && ( {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-4">
<div className="space-y-2"> {order.trackingNumber === "" ? (
<Label htmlFor="tracking">Tracking Number</Label> <div className="text-sm text-zinc-400 text-center py-2">
<div className="flex gap-2"> Tracking number has been viewed by the buyer
<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.trackingNumber ? (
<Button <div className="text-sm text-zinc-400 text-center py-2">
className="w-full" Tracking number is present
onClick={handleMarkAsShipped} </div>
disabled={isMarkingShipped || !trackingNumber} ) : (
> <div className="space-y-2">
{isMarkingShipped ? "Processing..." : "Mark as Shipped"} <Label htmlFor="tracking">Tracking Number (Optional)</Label>
</Button> <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> </div>
)} )}
{order?.status !== "cancelled" && order?.status !== "completed" && ( {/* Cancel Order Button */}
{order?.status !== "cancelled" &&
order?.status !== "completed" &&
order?.status !== "shipped" && (
<AlertDialog> <AlertDialog>
<AlertDialogTrigger asChild> <AlertDialogTrigger asChild>
<Button variant="destructive" className="w-full"> <Button variant="destructive" className="w-full">
@@ -730,7 +746,7 @@ export default function OrderDetailsPage() {
{(order?.status === "completed" || order?.status === "cancelled") && ( {(order?.status === "completed" || order?.status === "cancelled") && (
<div className="text-center py-6 text-sm text-zinc-500"> <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> </div>
)} )}
</CardContent> </CardContent>