1- import { Component , createEffect , createSignal } from ' solid-js' ;
2- import toast , { Toaster } from ' solid-toast' ;
1+ import { Component , createEffect , createSignal } from " solid-js" ;
2+ import toast , { Toaster } from " solid-toast" ;
33
4- import "normalize.css"
4+ import "normalize.css" ;
55import "./global.scss" ;
6- import Sidebar from './components/Sidebar' ;
7- import { Route , HashRouter , Navigate } from "@solidjs/router" ;
8- import BackupPage from './pages/BackupPage' ;
9- import DowngradePage from './pages/DowngradePage' ;
10- import DownloadProgressPage from './pages/DownloadProgressPage' ;
11- import GetModsPage from './pages/GetModsPage' ;
12- import CosmeticsPage from './pages/CosmeticsPage' ;
13- import ModsPage from './pages/ModsPage' ;
14- import PatchingPage from './pages/PatchingPage' ;
15- import ToolsPage from './pages/ToolsPage' ;
16- import { MetaProvider } from '@solidjs/meta' ;
17- import ModalContainer from './modals/ModalContainer' ;
18-
19-
20- import style from "./App.module.scss"
21- import { ThemeProvider } from '@suid/material' ;
22- import { theme } from './theme' ;
23- import { refetchAppInfo , refetchCosmeticTypes , refetchModdingStatus } from './store' ;
6+ import Sidebar from "./components/Sidebar" ;
7+ import { Route , HashRouter , Navigate } from "@solidjs/router" ;
8+ import BackupPage from "./pages/BackupPage" ;
9+ import DowngradePage from "./pages/DowngradePage" ;
10+ import DownloadProgressPage from "./pages/DownloadProgressPage" ;
11+ import GetModsPage from "./pages/GetModsPage" ;
12+ import CosmeticsPage from "./pages/CosmeticsPage" ;
13+ import ModsPage from "./pages/ModsPage" ;
14+ import PatchingPage from "./pages/PatchingPage" ;
15+ import ToolsPage from "./pages/ToolsPage" ;
16+ import { MetaProvider } from "@solidjs/meta" ;
17+ import ModalContainer from "./modals/ModalContainer" ;
2418
19+ import style from "./App.module.scss" ;
20+ import { ThemeProvider } from "@suid/material" ;
21+ import { theme } from "./theme" ;
22+ import {
23+ refetchAppInfo ,
24+ refetchCosmeticTypes ,
25+ refetchModdingStatus ,
26+ } from "./store" ;
2527
2628// Font roboto
27- import ' @fontsource/roboto' ;
28- import { InitWS } from ' ./state/eventBus' ;
29- import GetBeatSabersModsPage from ' ./pages/BeatSaber/GetBeatSaberMods' ;
29+ import " @fontsource/roboto" ;
30+ import { InitWS } from " ./state/eventBus" ;
31+ import GetBeatSabersModsPage from " ./pages/BeatSaber/GetBeatSaberMods" ;
3032
3133const Root : Component = ( props : any ) => {
3234 // Load app info on startup
3335 createEffect ( async ( ) => {
3436 await refetchAppInfo ( ) ;
3537 await refetchModdingStatus ( ) ;
3638 await refetchCosmeticTypes ( ) ;
37- } )
39+ } ) ;
3840
3941 return (
4042 < MetaProvider >
41- < ThemeProvider theme = { theme } >
42-
43- < div class = { style [ 'AppRoot' ] } >
43+ < ThemeProvider theme = { theme } >
44+ < div class = { style [ "AppRoot" ] } >
4445 < Sidebar />
4546 < div class = { style . content } >
4647 { /* <Routes> */ }
47- { props . children }
48+ { props . children }
4849 { /* </Routes> */ }
4950 </ div >
5051 </ div >
51- < Toaster
52- gutter = { 8 }
53- position = "bottom-left"
54- />
55- < ModalContainer />
52+ < Toaster gutter = { 8 } position = "bottom-left" />
53+ < ModalContainer />
5654 </ ThemeProvider >
5755 </ MetaProvider >
5856 ) ;
@@ -71,6 +69,6 @@ const App = () => (
7169 < Route path = "/tools" component = { ToolsPage } />
7270 < Route path = "/bsmods" component = { GetBeatSabersModsPage } />
7371 </ HashRouter >
74- )
72+ ) ;
7573
7674export default App ;
0 commit comments