Update page.tsx

app/dashboard/orders/[id]/page.tsx

@@ -681,6 +681,7 @@ export default function OrderDetailsPage() {
                   </Button>
                 )}
 
+                {/* Tracking Number Section */}
                 {(order?.status === "acknowledged" || order?.status === "shipped") && (
                   <div className="space-y-4">
                     {order.trackingNumber === "" ? (
@@ -688,8 +689,19 @@ export default function OrderDetailsPage() {
                         Tracking number has been viewed by the buyer
                       </div>
                     ) : order.trackingNumber ? (
-                      <div className="text-sm text-zinc-400 text-center py-2">
+                      <div className="flex items-center gap-2">
-                        Tracking number is present
+                        <Input
+                          value={order.trackingNumber}
+                          readOnly
+                          className="font-mono text-sm bg-zinc-950"
+                        />
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          onClick={() => copyToClipboard(order.trackingNumber || "")}
+                        >
+                          <Clipboard className="h-4 w-4" />
+                        </Button>
                       </div>
                     ) : (
                       <div className="space-y-2">
@@ -744,6 +756,7 @@ export default function OrderDetailsPage() {
                   </AlertDialog>
                 )}
 
+                {/* No Actions Available Message */}
                 {(order?.status === "completed" || order?.status === "cancelled") && (
                   <div className="text-center py-6 text-sm text-zinc-500">
                     No actions available - Order is {order.status}
@@ -779,31 +792,6 @@ export default function OrderDetailsPage() {
               </Card>
             )}
 
-            {/* Tracking Information Card */}
-            {order?.trackingNumber && (
-              <Card>
-                <CardHeader>
-                  <CardTitle className="text-lg font-medium">Tracking Information</CardTitle>
-                </CardHeader>
-                <CardContent className="space-y-2">
-                  <div className="flex items-center gap-2">
-                    <Input
-                      value={order.trackingNumber}
-                      readOnly
-                      className="font-mono text-sm bg-zinc-950"
-                    />
-                    <Button
-                      variant="outline"
-                      size="sm"
-                      onClick={() => copyToClipboard(order.trackingNumber || "")}
-                    >
-                      <Clipboard className="h-4 w-4" />
-                    </Button>
-                  </div>
-                </CardContent>
-              </Card>
-            )}
-
             {/* Review Card */}
             {order?.review && (
               <Card>