qqq-frontend-material-dashboard/src/page.routes.tsx

/**
 =========================================================
 * Material Dashboard 2 PRO React TS - v1.0.0
 =========================================================

 * Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
 * Copyright 2022 Creative Tim (https://www.creative-tim.com)

 Coded by www.creative-tim.com

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */

/**
 All of the routes for the Material Kit 2 PRO React React are added here,
 You can add a new route, customize the routes and delete the routes here.

 Once you add a new route on this file it will be visible automatically on
 the Navbar.

 For adding a new route you can follow the existing routes in the routes array.
 1. The `name` key is used for the name of the route on the Navbar.
 2. The `icon` key is used for the icon of the route on the Navbar.
 3. The `collapse` key is used for making a collapsible item on the Navbar that contains other routes
 inside (nested routes), you need to pass the nested routes inside an array as a value for the `collapse` key.
 4. The `route` key is used to store the route location which is used for the react router.
 5. The `href` key is used to store the external links location.
 7. The `dropdown` key is used to define that the item should open a dropdown for its collapse items .
 8. The `description` key is used to define the description of
 a route under its name.
 9. The `columns` key is used to define that how the content should look inside the dropdown menu as columns,
 you can set the columns amount based on this key.
 10. The `rowsPerColumn` key is used to define that how many rows should be in a column.
 */

// @mui material components
import Icon from "@mui/material/Icon";

const pageRoutes = [
   {
      name: "pages",
      columns: 3,
      rowsPerColumn: 2,
      collapse: [
         {
            name: "dashboards",
            icon: <Icon>dashboard</Icon>,
            collapse: [
               {
                  name: "analytics",
                  route: "/dashboards/analytics",
               },
               {
                  name: "sales",
                  route: "/dashboards/sales",
               },
            ],
         },
         {
            name: "users",
            icon: <Icon>people</Icon>,
            collapse: [
               {
                  name: "reports",
                  route: "/pages/users/reports",
               },
            ],
         },
         {
            name: "extra",
            icon: <Icon>queue_play_next</Icon>,
            collapse: [
               {
                  name: "pricing page",
                  route: "/pages/pricing-page",
               },
               {name: "RTL", route: "/pages/rtl"},
               {name: "widgets", route: "/pages/widgets"},
               {name: "charts", route: "/pages/charts"},
               {
                  name: "notfications",
                  route: "/pages/notifications",
               },
            ],
         },
         {
            name: "projects",
            icon: <Icon>precision_manufacturing</Icon>,
            collapse: [
               {
                  name: "timeline",
                  route: "/pages/projects/timeline",
               },
            ],
         },
         {
            name: "account",
            icon: <Icon>account_balance</Icon>,
            collapse: [
               {
                  name: "settings",
                  route: "/pages/account/setting",
               },
               {
                  name: "billing",
                  route: "/pages/account/billing",
               },
               {
                  name: "invoice",
                  route: "/pages/account/invoice",
               },
            ],
         },
         {
            name: "profile",
            icon: <Icon>badge</Icon>,
            collapse: [
               {
                  name: "profile overview",
                  route: "/pages/profile/profile-overview",
               },
               {
                  name: "all projects",
                  route: "/pages/profile/all-projects",
               },
            ],
         },
      ],
   },
   {
      name: "authenticaton",
      collapse: [
         {
            name: "sign in",
            dropdown: true,
            icon: <Icon>login</Icon>,
            collapse: [
               {
                  name: "basic",
                  route: "/authentication/sign-in/basic",
               },
               {
                  name: "cover",
                  route: "/authentication/sign-in/cover",
               },
               {
                  name: "illustration",
                  route: "/authentication/sign-in/illustration",
               },
            ],
         },
         {
            name: "sign up",
            dropdown: true,
            icon: <Icon>assignment</Icon>,
            collapse: [
               {
                  name: "cover",
                  route: "/authentication/sign-up/cover",
               },
            ],
         },
         {
            name: "reset password",
            dropdown: true,
            icon: <Icon>restart_alt</Icon>,
            collapse: [
               {
                  name: "cover",
                  route: "/authentication/reset-password/cover",
               },
            ],
         },
      ],
   },
   {
      name: "application",
      collapse: [
         {
            name: "kanban",
            route: "/applications/kanban",
            icon: "widgets",
         },
         {
            name: "wizard",
            route: "/applications/wizard",
            icon: "import_contacts",
         },
         {
            name: "data tables",
            route: "/applications/data-tables",
            icon: "backup_table",
         },
         {
            name: "calendar",
            route: "/applications/calendar",
            icon: "event",
         },
      ],
   },
   {
      name: "ecommerce",
      columns: 2,
      rowsPerColumn: 1,
      collapse: [
         {
            name: "orders",
            icon: <Icon>shopping_cart</Icon>,
            collapse: [
               {
                  name: "order list",
                  route: "/ecommerce/orders/order-list",
               },
               {
                  name: "order details",
                  route: "/ecommerce/orders/order-details",
               },
            ],
         },
         {
            name: "products",
            icon: <Icon>memory</Icon>,
            collapse: [
               {
                  name: "new product",
                  route: "/ecommerce/products/new-product",
               },
               {
                  name: "edit product",
                  route: "/ecommerce/products/edit-product",
               },
               {
                  name: "product page",
                  route: "/ecommerce/products/product-page",
               },
            ],
         },
      ],
   },
   {
      name: "docs",
      collapse: [
         {
            name: "getting started",
            href: "https://www.creative-tim.com/learning-lab/react/quick-start/material-dashboard/",
            description: "All about overview, quick start, license and contents",
            icon: <Icon>article</Icon>,
         },
         {
            name: "foundation",
            href: "https://www.creative-tim.com/learning-lab/react/colors/material-dashboard/",
            description: "See our colors, icons and typography",
            icon: <Icon>grading</Icon>,
         },
         {
            name: "components",
            href: "https://www.creative-tim.com/learning-lab/react/alerts/material-dashboard/",
            description: "Explore our collection of fully designed components",
            icon: <Icon>apps</Icon>,
         },
         {
            name: "plugins",
            href: "https://www.creative-tim.com/learning-lab/react/datepicker/material-dashboard/",
            description: "Check how you can integrate our plugins",
            icon: <Icon>extension</Icon>,
         },
      ],
   },
];

export default pageRoutes;