🚀 Feat: Implement Shop Admin Pages

[sonylomo]

Description

• Use this Figma Design to implement Shop Admin Pages.

Tasks

• The pages below are to be added under pages/admin/shop directory:

  • [x] Dashboard
  • [x] Orders Report
  • [x] Sales Report
  • [x] Sales & Order Statement Components (components/admin/shop directory)
  • [ ] Inventory Report
  • [ ] Single Sales Item
  • [ ] Edit Item and Add Item Components (components/admin/shop directory)

• In the router/index.jsx file, add the shop routes:

  
  // /router/index.jsx
  // ...other code
  
  {
   path: "/admin",
   element: <AdminLayout />,
   children: [
    {
      path: "/admin/shop",
      element: <ShopDashboard />, // Shop Dashboard page you're building
    },
    {
      path: "/admin/shop/orders-report",
      element: <OrdersReport/>, // Order page you're building
    },
    {
      path: "/admin/shop/sales-report",
      element: <SalesReport/>, // Sales page you're building
    },
    {
      path: "/admin/shop/inventory-report",
      element: <InventoryReport/>, // Inventory page you're building
    },
    {
      path: "/admin/shop/sales-report/:id",
      element: <SingleSalesItem/>, // Singel Sales Item page you're building
    },

// ...other routes ] }

Feel free to name the components and pages as you see fit. 😁