TheDizruptor
commented
4 years ago Sidebar is now responsive! There is a hook in TodoPage called mobileDrawerOpen. The setter is passed into NavBar and when the screen is small enough, a hamburger icon shows that calls the setter. In the Sidebar component, there is a useEffect() that updates the drawer open variable (just called 'open') that sets whenever mobileDrawerOpen changes.
Currently the application looks pretty terrible on mobile due to the sidebar being permanently visible. The sidebar should turn into a dropdown navbar with a hamburger indicator when scaled down to a small screen and the todo portion should take up the entire screen and no longer have margins