Dashboard, Orders and Transactions - #13
Conversation
Auth & Vendor API
Add .agents to .gitignore to exclude agent-related files from version control.
Use optional chaining when accessing product images array to prevent runtime errors when images is null or undefined.
- Replace mock product data with API calls for product listing and details - Add new store product types and transformation utilities - Implement React Query hooks for data fetching and caching - Update UI components to use real data with proper loading states - Add skeleton loading components for better UX - Update validators and query helpers for store-specific product queries
Implement infinite query with configurable page sizes for improved UX. Introduce new constant for pagination sizes and update default limit.
- Add store-specific category types, validators, and query hooks - Create server functions for fetching categories with proper filtering - Replace mock data with real API calls in category templates - Implement category tree building for hierarchical navigation - Connect product grid to actual product data with loading states - Add TanStack Query prefetching in route loaders for better UX
…API data - Add shared SortOption type and product sorting utilities - Create React Query hooks for store products, categories, and brands - Implement infinite scrolling with "Load More" button in product grid - Replace mock data with real API calls using server functions - Update filter sidebar to use dynamic categories and brands - Add product listing page loader for data prefetching - Enhance product card with loading states and list view variant - Update mobile filter drawer to accept dynamic filter data
- Replace mock store data with real API calls using TanStack Query - Add server functions for fetching stores with filtering, sorting, and pagination - Implement infinite scroll for store listing with intersection observer - Add query hooks and types for store shops data - Update store list component to accept props instead of using global store - Prefetch store data on route load for better performance
- Add TanStack Query prefetching in route loader for store data - Replace mock products with real API calls using shop slug - Implement loading states and error handling for store page - Transform API response to match frontend store type - Update product sorting to work with real data
- Add cart database schema with sessions and items tables - Create server functions for cart operations (add, update, remove, clear, merge) - Implement useCart hook with React Query for state management - Add optional auth middleware for guest/user cart sessions - Update UI components to use server-side cart instead of local storage - Add cart validators and helper functions for data fetching - Integrate cart functionality across product cards, collection, and cart pages - Maintain optimistic updates and loading states for better UX
- Create database schema and validators for customer addresses - Implement server functions for CRUD operations with authentication - Add address book UI with real-time data fetching and mutations - Enhance entity form dialog with scrollable content support - Update profile page to use session data and auth middleware - Add address type support (billing/shipping) with default address handling
- Create wishlist database schema with user and product relations - Implement server functions for wishlist CRUD operations with auth - Add client-side hooks for wishlist state management with TanStack Query - Integrate wishlist toggle in product details page - Replace mock data with real wishlist data in account page - Add auth middleware to wishlist route
Add database schema, API endpoints, and UI components for shipping methods management in vendor dashboard. Includes: - Shipping schema with relations to shops - CRUD server functions with validation and authorization - React hooks for data fetching and mutations using TanStack Query - Reusable UI components (table, form, header) following entity pattern - Shipping page integration with shop navigation - Support for pagination, filtering, and sorting
… flow - Add product-shipping method relations to enable product-specific shipping restrictions - Implement shipping method validation for cart items based on product restrictions - Enhance checkout UI with address management, shipping method selection, and order summary - Update cart store to support shipping address and dynamic shipping methods - Add street field to shipping address validation and form - Refactor shipping table variable names for consistency
- Add handlers in wishlist-list to call cart and wishlist mutations - Pass handlers and loading states to wishlist-item-card - Show loading spinners on buttons during async operations - Update Stripe documentation formatting (minor visual fixes)
- Add order, payment, notification, and email delivery schemas - Implement Stripe Connect for vendor payment onboarding and dashboard - Create checkout flow with Stripe Elements payment integration - Add vendor settings page for managing Stripe Connect status - Extend user and vendor schemas with order-related fields - Add order notification system for vendors - Implement order summary with coupon support in checkout
- Add order tracking page with timeline visualization - Implement invoice download functionality with Stripe integration - Update order confirmation page to support multiple orders - Add tracking data type definitions and search validation - Integrate invoice download button in order details
- Add product reviews schema with order item verification - Create user review management page with edit/delete functionality - Implement product review display with sorting and helpful voting - Add store reviews section to storefront pages - Enable review eligibility checking for verified purchases - Add review form with order item selection for verified customers - Update product page to use real review data instead of mock - Add review-related hooks and server functions
Add .agents to .gitignore to exclude agent-related files from version control.
- Add vendor transaction types and server functions for fetching transactions and stats - Create vendor-specific transaction table component with filtering and sorting - Replace mock data with real server-side paginated data in transactions page - Add transaction stats cards showing earnings, fees, and transaction counts - Implement utility function for currency formatting
- Add vendor order types, hooks, and server functions for fetching and updating orders - Create vendor-specific order table component with server-side pagination and filtering - Implement vendor order details page with status updates and invoice download - Add order statistics dashboard showing order counts and revenue metrics - Integrate authentication and shop access control for vendor order operations
- Add useShopDashboard hook with React Query for fetching aggregated dashboard data - Create server function getShopDashboardData with parallel database queries - Add dashboard utility functions for formatting currency, percentages, and dates - Update dashboard components (SalesOverview, RecentOrders, TopProducts, CustomerInsights) to use real data - Replace placeholder stats with calculated metrics from database - Remove simulated loader and use proper suspense with skeleton
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the Use the checkbox below for a quick retry:
📝 WalkthroughWalkthroughThis pull request introduces a comprehensive e-commerce feature set, including customer checkout and payment processing via Stripe, product reviews system, cart and wishlist management, order tracking, address management, vendor shipping methods, transaction handling, and a vendor dashboard. It adds database schemas for orders, payments, reviews, addresses, shipping, notifications, wishlist items, and cart management, alongside extensive server-side APIs, React Query hooks, and UI components across customer and vendor flows. Changes
Estimated code review effort🎯 5 (Critical) | ⏱️ ~120 minutes Poem
🚥 Pre-merge checks | ✅ 1 | ❌ 3❌ Failed checks (2 warnings, 1 inconclusive)
✅ Passed checks (1 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Summary by CodeRabbit
Release Notes
New Features
Improvements