try custom router

This commit is contained in:
Orion Reed 2023-08-12 19:59:35 +01:00
parent 3db64a4965
commit ee3b996a43
1 changed files with 16 additions and 3 deletions

View File

@ -1,6 +1,6 @@
import 'preact/debug'
import { render } from 'preact'
import Router from 'preact-router'
import Router, { RouterProps } from 'preact-router'
import { Home } from '@/pages/Home'
import { Posts } from '@/pages/Posts'
import Post from '@/pages/Post'
@ -10,17 +10,30 @@ import { MantineProvider } from '@mantine/styles'
import { Box } from '@mantine/core'
import { theme } from '@/theme'
const MY_FOLDER = '/orionreed'
class SubfolderRouter extends Router {
render(props: RouterProps, state: any) {
if (state.url.indexOf(MY_FOLDER) === 0) {
state = {
...state,
url: state.url.substr(MY_FOLDER.length),
}
}
return super.render(props, state)
}
}
export function App() {
return (
<MantineProvider withGlobalStyles withNormalizeCSS theme={theme}>
<Box mb="xl">
<Router>
<SubfolderRouter>
<Home path="/" />
<Posts path="/posts" />
<Post path="/posts/:title" />
<Stream path="/stream" />
<NotFound default />
</Router>
</SubfolderRouter>
</Box>
</MantineProvider>
)