feat: implement Orders List and Order Details pages#83
Open
giorgigordiashvili wants to merge 1 commit into
Open
feat: implement Orders List and Order Details pages#83giorgigordiashvili wants to merge 1 commit into
giorgigordiashvili wants to merge 1 commit into
Conversation
Add two pages under Pages > Orders: - Orders List: data table with 20 orders, clickable order ID links, customer name + email, payment status filter (Paid/Pending/Failed/ Refunded), delivery status badges with icons, search, sort, pagination, row selection, and delete action - Order Details: dynamic [id] route with 4-card layout — order header with status badges, items table with order summary (subtotal, tax, total), customer info card with icons, and order timeline using the Timeline component. Includes "not found" fallback for invalid IDs. Follows existing project patterns (TanStack Table, localized Links via ensureLocalizedPathname, ScrollArea for mobile, logical CSS properties for RTL support).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
/pages/orders/list): TanStack React Table with 20 seed orders, clickable order ID links to detail page, customer name + email column, order date, total (formatted currency), payment status badges (Paid/Pending/Failed/Refunded), delivery status badges with icons (Delivered/Shipped/In Transit/Processing/Pending), search by customer name, payment status filter, column sorting, pagination, row selection, and delete action/pages/orders/[id]): Dynamic route with 4-card grid layout:Localized links via
ensureLocalizedPathname, RTL-safe with logical CSS properties. 15 new files, 20 seed orders with items and timeline events.Test plan
/en/pages/orders/INVALID— shows "Order Not Found"/pages/orders/ORD-1001/ar/pages/orders/listand/ar/pages/orders/ORD-1001