🚀 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:

  • Dashboard
  • Orders Report
  • Sales Report
    • 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. 😁