76 lines
2.6 KiB
TypeScript
76 lines
2.6 KiB
TypeScript
import { ThemeProvider } from "theme-ui";
|
|
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
|
|
|
|
import theme from "./theme";
|
|
import Home from "./routes/Home";
|
|
import Game from "./routes/Game";
|
|
import About from "./routes/About";
|
|
import FAQ from "./routes/FAQ";
|
|
import ReleaseNotes from "./routes/ReleaseNotes";
|
|
import HowTo from "./routes/HowTo";
|
|
import Donate from "./routes/Donate";
|
|
|
|
import { AuthProvider } from "./contexts/AuthContext";
|
|
import { DatabaseProvider } from "./contexts/DatabaseContext";
|
|
import { MapDataProvider } from "./contexts/MapDataContext";
|
|
import { TokenDataProvider } from "./contexts/TokenDataContext";
|
|
import { MapLoadingProvider } from "./contexts/MapLoadingContext";
|
|
import { SettingsProvider } from "./contexts/SettingsContext";
|
|
import { KeyboardProvider } from "./contexts/KeyboardContext";
|
|
import { ImageSourcesProvider } from "./contexts/ImageSourceContext";
|
|
|
|
import { ToastProvider } from "./components/Toast";
|
|
|
|
function App() {
|
|
return (
|
|
<ThemeProvider theme={theme}>
|
|
<DatabaseProvider>
|
|
<SettingsProvider>
|
|
<AuthProvider>
|
|
<KeyboardProvider>
|
|
<ToastProvider>
|
|
<ImageSourcesProvider>
|
|
<Router>
|
|
<Switch>
|
|
<Route path="/donate">
|
|
<Donate />
|
|
</Route>
|
|
{/* Legacy support camel case routes */}
|
|
<Route path={["/howTo", "/how-to"]}>
|
|
<HowTo />
|
|
</Route>
|
|
<Route path={["/releaseNotes", "/release-notes"]}>
|
|
<ReleaseNotes />
|
|
</Route>
|
|
<Route path="/about">
|
|
<About />
|
|
</Route>
|
|
<Route path="/faq">
|
|
<FAQ />
|
|
</Route>
|
|
<Route path="/game/:id">
|
|
<MapLoadingProvider>
|
|
<MapDataProvider>
|
|
<TokenDataProvider>
|
|
<Game />
|
|
</TokenDataProvider>
|
|
</MapDataProvider>
|
|
</MapLoadingProvider>
|
|
</Route>
|
|
<Route path="/">
|
|
<Home />
|
|
</Route>
|
|
</Switch>
|
|
</Router>
|
|
</ImageSourcesProvider>
|
|
</ToastProvider>
|
|
</KeyboardProvider>
|
|
</AuthProvider>
|
|
</SettingsProvider>
|
|
</DatabaseProvider>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|