u

src/components/AppShell.jsx

@@ -13,6 +13,8 @@ import { NAV_ITEMS, SUB_NAV, resolveActiveNav, resolveActiveSub } from '../nav';
 import { artikelQueryPath } from './article/artikelQuery';
 import { defaultCategoryPath } from './category/categoryRoute';
 import { navigationAutomat } from '../automats';
+import { ChatFab, ChatDrawer } from './chat';
+
 
 const SIDEBAR_WIDTH = 144;
 const SUB_NAV_WIDTH = 88;
@@ -49,7 +51,8 @@ class AppSidebar extends PureComponent {
           flexShrink: 0,
           display: 'flex',
           flexDirection: 'column',
-          bgcolor: theme.nav.background,
+          backgroundColor: theme.nav.backgroundColor || '#1a3533',
+          background: theme.nav.background,
           position: 'sticky',
           top: 0,
           alignSelf: 'flex-start',
@@ -254,6 +257,8 @@ export default function AppShell() {
           <Outlet />
         </Box>
       </Box>
+      <ChatFab />
+      <ChatDrawer />
     </Box>
   );
 }