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

Update order page

Browse Source
This commit is contained in:
g
2025-02-15 06:37:17 +00:00
parent 111d115240
commit da957d7c5f
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,3 @@
"use client"; "use client";
import { fetchData } from '@/lib/data-service'; import { fetchData } from '@/lib/data-service';
@@ -34,6 +33,7 @@ interface Order {
status: string; status: string;
pgpAddress: string; pgpAddress: string;
shippingMethod: { type: string; price: number }; shippingMethod: { type: string; price: number };
txid: Array<string>;
products: Array<{ products: Array<{
_id: string; _id: string;
productId: string; productId: string;
@@ -75,6 +75,7 @@ export default function OrderDetailsPage() {
results.forEach((product, index) => { results.forEach((product, index) => {
productNamesMap[productIds[index]] = product.name || "Unknown Product"; productNamesMap[productIds[index]] = product.name || "Unknown Product";
}); });
} catch (err) { } catch (err) {
console.error("Failed to fetch product names:", err); console.error("Failed to fetch product names:", err);
} }
@@ -130,6 +131,7 @@ export default function OrderDetailsPage() {
const data: Order = await res; const data: Order = await res;
setOrder(data); setOrder(data);
console.log(data);
const productIds = data.products.map((product) => product.productId); const productIds = data.products.map((product) => product.productId);
const productNamesMap = await fetchProductNames(productIds, authToken); const productNamesMap = await fetchProductNames(productIds, authToken);
@@ -292,6 +294,28 @@ export default function OrderDetailsPage() {
</Table> </Table>
</CardContent> </CardContent>
</Card> </Card>
{/* Add Crypto Transaction Details */}
<div className="rounded-lg border bg-card text-card-foreground shadow-sm">
<div className="p-6">
<h3 className="text-lg font-semibold mb-4">Crypto Transactions</h3>
{order?.txid && order.txid.length > 0 ? (
<div className="space-y-3">
{order.txid.slice(order.txid.length > 2 ? 1 : 0).map((txid: string, index: number) => (
<div
key={index}
className="p-3 bg-muted rounded-md"
>
<code className="text-sm">{txid}</code>
</div>
))}
</div>
) : (
<p className="text-muted-foreground">No crypto transactions associated with this order</p>
)}
</div>
</div>
<div className="flex justify-end space-x-4"> <div className="flex justify-end space-x-4">
<Button size="lg" onClick={handleMarkAsPaid} disabled={isPaid}> <Button size="lg" onClick={handleMarkAsPaid} disabled={isPaid}>
{isPaid ? "Order Marked as Paid" : "Mark Order as Paid"} {isPaid ? "Order Marked as Paid" : "Mark Order as Paid"}