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:59:06 +01:00
parent 679f59bba7
commit 34e995601d
1 changed files with 15 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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">
Tracking number is present
<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>
) : (
<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>