Add Nested List to NavBar

[ivan0313]

Created nested list in NavBar to group similar pages, for example Facial Recognition and Batch Facial Recognition should be grouped together.

reference: https://material-ui.com/components/lists/#nested-list

[irffanasiff]

There is only facial recognition i can not see facial recognition and the mobile website looks like this i know how to make it responsive should i work on that too

[ivan0313]

There is only facial recognition i can not see facial recognition

The Batch Facial Recognition page is not yet implemented, for now could you add a dummy entry in the SITEMAP constant (here)

I was thinking to add a logic to check if the category of element in the SITEMAP are "Group", if so, turn it into a nested menu. (But you could use any method you prefer)

export const SITEMAP = [
  {
    category: "Home",
    text: "Home",
    url: "/"
  },
  {
    category: "Group",
    pages: [
      {
        category: "Core",
        text: "Facial Recognition",
        url: "/facial-recognition",
        description: "Upload image, detect and match face against profiles saved in database.",
      },
      {
        category: "Core",
        text: "Batch Facial Recognition",
        url: "/",
        description: "Batch upload image, detect and match face against profiles saved in database.",
      },
    ]
  },
  {
    category: "Data",
    text: "Images",
    url: "/images",
    description: "View, edit or delete all uploaded images.",
  },
  {
    category: "Data",
    text: "Profiles",
    url: "/profiles",
    description: "View, edit or delete all saved profiles.",
  }
];

and the mobile website looks like this i know how to make it responsive should i work on that too

Resolved in #15