From 679f59bba7f92013c06732d10ac644887ffa7151 Mon Sep 17 00:00:00 2001
From: NotII <46204250+NotII@users.noreply.github.com>
Date: Mon, 21 Apr 2025 15:56:25 +0100
Subject: [PATCH] Update page.tsx

---
 app/dashboard/orders/[id]/page.tsx | 68 ++++++++++++++++++------------
 1 file changed, 42 insertions(+), 26 deletions(-)

diff --git a/app/dashboard/orders/[id]/page.tsx b/app/dashboard/orders/[id]/page.tsx
index dfb10f3..6f261b1 100644
--- a/app/dashboard/orders/[id]/page.tsx
+++ b/app/dashboard/orders/[id]/page.tsx
@@ -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>