Контекст:
У меня есть небольшой проект, который использует material-ui-react.
Я хочу иметь постоянный компонент Drawer и панель приложений сверху. То, что я также хочу, это когда я прокручиваю содержимое вниз, AppBar прячется, а когда я прокручиваю вверх, он показывает себя. Как здесь: https://material-ui.com/components/app-bar/#hide -app-bar
Это работает из примера, но не тогда, когда также задействован Drawer.
Как справиться с этим делом?
Вот мой крошечный проект в виде кодов и ящиков: https://codesandbox.io/s/github/dhuber666/lets-chat/tree/auth
2 файла, которые я установил Drawer и AppBar, находятся здесь:
https://codesandbox.io/s/github/dhuber666/lets-chat/tree/auth?file= / src / components / Navbar.tsx https://codesandbox.io/s/github/dhuber666/lets-chat/tree/auth?file= / src / components / ChatRoomList.tsx
Еще одна проблема, с которой я сталкиваюсь при нажатии на верхняя правая кнопка в панели приложений, она переходит на другую страницу. Но контент находится за AppBar. Если я изменю панель приложений на static, панель приложений будет за ящиком, но содержимое отображается правильно. Как это исправить?