Orders

The Orders page allows users to track their purchases, view status updates, access order details, and leave product reviews. It’s designed for smooth navigation between order types and provides complete control over each transaction.

Tab Navigation

Orders Summary Cards

At the top of the “Orders” tab, three cards show a quick status summary:

  1. Processing – Orders that are in any of the following states:
    • In Process
    • Shipped
    • Partially Shipped
      These stay in “Processing” until delivery is confirmed.
  2. Completed – Orders that have been successfully delivered to the user.
  3. Cancelled – Orders that were cancelled before shipment or by seller/admin.

Search Bar

  • Positioned above the table.
  • Allows real-time search using Order ID.

Orders Table

Each row displays:

  • Order ID
  • Amount
  • Shipping Address
  • Billing Address
  • Status (Processing, Completed, Cancelled)
  • Actions (3-dot menu with options):

View Sheet

Opens from right-side of screen when user clicks “View” or Eye Icon from the action menu.

Contains:

  • Activity Information – Timeline/log of vendor actions (e.g., “Shipped”, “Packed”).
  • Item Details – List of products in the order.
  • Total Bill – Grand total including tax/shipping.
  • Invoice Button
    • Appears only when order is in Processing or Delivered.
    • Not visible if order is Cancelled.
  • Refund Button
    • Appears only when order is Delivered.
    • Can be used only once per order.
    • If refund is already applied, the button will not show

Review Sheet

Opens from right-side of the screen when user clicks “Review” from the action menu.

Shows:

  • List of Products in the Order
    • For each product:
      • Product Name
      • Quantity
      • Rate Button
        → Opens a Dialog Modal where the user can:
        • Select a Rating Value
        • Write Remarks
        • Submit review for that product

💬 Each product can be reviewed individually.

Best Practices

Next