I have added a react implementation of the sidebar. I made some tweaks to make subMenu items drop down. I've included some notes and stories with a knob to toggle the sidebar and actions to see the effect of methods passed on props.
I also made the following architecture assumptions since there are some unknowns.
Clicking the primary (top-level) item sets it to active. We could set this from the route or passed in as a prop if we need to tweak it.
If a top-level item has a subMenu, the clicking the top-level item toggles the subMenu. Therefore, it is no longer used as a link, and only the subMenu items work as links.
Handling navigation is handled outside of the component via the onNavigate method property. We could alternatively call next router directly with a minor tweak if we want.
For #53
I have added a react implementation of the sidebar. I made some tweaks to make subMenu items drop down. I've included some notes and stories with a knob to toggle the sidebar and actions to see the effect of methods passed on props.
I also made the following architecture assumptions since there are some unknowns.