Order History

Authenticated customers can view their complete order history at /account/orders, with recent orders also shown on the account dashboard.

Architecture

Account Dashboard

The account page (/account) is a server component that:

1. Validates the session via getServerSession(authOptions)
2. Redirects unauthenticated users to /auth/signin?callbackUrl=/account
3. Fetches the 5 most recent orders for the current user
4. Renders each order with the OrderCard component

const recentOrders = await prisma.order.findMany({
  where: { userId },
  orderBy: { createdAt: 'desc' },
  take: 5,
  select: {
    id: true,
    orderNumber: true,
    status: true,
    createdAt: true,
    total: true,
  },
})

The dashboard also shows quick links to View Orders, Account Settings, and the Fundraising Portal (for users with the FUNDRAISER role).

Order History Page

The /account/orders page lists all orders for the authenticated user, sorted newest first. Each order row displays:

Status Badges

Orders display color-coded status badges:

Authentication

Both the dashboard and order history pages require authentication. Unauthenticated access triggers a redirect to the sign-in page with a callbackUrl parameter so the user returns to their original destination after login.