aea9f8b4e7
* webui : improve accessibility for visually impaired people * add a11y for extra contents * fix some labels being read twice * add skip to main content
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import { HashRouter, Outlet, Route, Routes } from 'react-router';
|
|
import Header from './components/Header';
|
|
import Sidebar from './components/Sidebar';
|
|
import { AppContextProvider, useAppContext } from './utils/app.context';
|
|
import ChatScreen from './components/ChatScreen';
|
|
import SettingDialog from './components/SettingDialog';
|
|
import { Toaster } from 'react-hot-toast';
|
|
|
|
function App() {
|
|
return (
|
|
<HashRouter>
|
|
<div className="flex flex-row drawer lg:drawer-open">
|
|
<AppContextProvider>
|
|
<Routes>
|
|
<Route element={<AppLayout />}>
|
|
<Route path="/chat/:convId" element={<ChatScreen />} />
|
|
<Route path="*" element={<ChatScreen />} />
|
|
</Route>
|
|
</Routes>
|
|
</AppContextProvider>
|
|
</div>
|
|
</HashRouter>
|
|
);
|
|
}
|
|
|
|
function AppLayout() {
|
|
const { showSettings, setShowSettings } = useAppContext();
|
|
return (
|
|
<>
|
|
<Sidebar />
|
|
<main
|
|
className="drawer-content grow flex flex-col h-screen w-screen mx-auto px-4 overflow-auto bg-base-100"
|
|
id="main-scroll"
|
|
>
|
|
<Header />
|
|
<Outlet />
|
|
</main>
|
|
{
|
|
<SettingDialog
|
|
show={showSettings}
|
|
onClose={() => setShowSettings(false)}
|
|
/>
|
|
}
|
|
<Toaster />
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default App;
|