Team-ByteWise/aot-website

[BUG] TopAppBar not reusable by other pages

Closed this issue · 0 comments

Description
The current definition of TopAppBar is not reusable by other pages since it has the elements of nav bar hardcoded

Expected behavior
The TopAppBar should be reusable with dynamically changing Nav Bar Items based on page

Reference(s)

const navBarItems: NestedRecord = {
Academics: {
Departments: {
"B. Tech": [
{ title: "CSBS", link: "#" },
{ title: "CSE", link: "#" },
{ title: "ECE", link: "#" },
{ title: "EE", link: "#" },
{ title: "EEE", link: "#" },
{ title: "EIE", link: "#" },
{ title: "IT", link: "#" },
{ title: "ME", link: "#" },
],
PG: [
{ title: "MBA", link: "#" },
{ title: "MCA", link: "#" },
],
},
Programs: [
{ title: "UG Programs", link: "#" },
{ title: "PG Programs", link: "#" },
{ title: "Program Structure", link: "#" },
{ title: "Regulations", link: "#" },
{ title: "Curriculum", link: "#" },
],
Resources: [
{ title: "Library", link: "library" },
{ title: "Moodle", link: "moodle" },
],
Admission: [
{ title: "UG Admission", link: "#" },
{ title: "PG Admission", link: "#" },
],
},
Research: [
{ title: "Current Research", link: "#" },
{ title: "Past Research", link: "#" },
{ title: "Research Facilities", link: "#" },
],
Students: [
{ title: "Life @ AOT", link: "#" },
{ title: "Campus Facilities", link: "#" },
{ title: "Career Services", link: "#" },
{ title: "Events", link: "#" },
],
Faculty: [
{ title: "Faculty List", link: "#" },
{ title: "Faculty Positions", link: "#" },
{ title: "Career Benefits @ AOT", link: "#" },
],
};

{parseNavBarItems(navBarItems, "sm")}

{parseNavBarItems(navBarItems, "md")}

Device(s):
Any