2021-10-06 00:52:06 +00:00
|
|
|
import * as Reach from "@reach/router"
|
|
|
|
import {RouteComponentProps} from "@reach/router"
|
2021-10-12 02:40:48 +00:00
|
|
|
import {Chapter, LayoutThreeCol} from "@steffo/bluelib-react"
|
2021-10-06 00:52:06 +00:00
|
|
|
import * as React from "react"
|
|
|
|
import {AuthorizationRouter} from "./components/authorization/AuthorizationRouter"
|
|
|
|
import {AuthorizationStepPage} from "./components/authorization/AuthorizationStepPage"
|
|
|
|
import {SophonFooter} from "./components/elements/SophonFooter"
|
|
|
|
import {ErrorCatcherBox} from "./components/errors/ErrorCatcherBox"
|
2021-10-10 15:40:14 +00:00
|
|
|
import {GroupCreateBox} from "./components/group/GroupCreateBox"
|
2021-10-12 00:17:54 +00:00
|
|
|
import {GroupDescriptionBox} from "./components/group/GroupDescriptionBox"
|
2021-10-07 00:36:49 +00:00
|
|
|
import {GroupListBox} from "./components/group/GroupListBox"
|
2021-10-12 02:40:48 +00:00
|
|
|
import {GroupMembersBox} from "./components/group/GroupMembersBox"
|
2021-10-07 00:14:34 +00:00
|
|
|
import {GroupRouter} from "./components/group/GroupRouter"
|
2021-10-12 00:17:54 +00:00
|
|
|
import {InstanceDescriptionBox} from "./components/instance/InstanceDescriptionBox"
|
2021-10-06 00:52:06 +00:00
|
|
|
import {InstanceRouter} from "./components/instance/InstanceRouter"
|
|
|
|
import {InstanceStepPage} from "./components/instance/InstanceStepPage"
|
2021-10-07 03:32:38 +00:00
|
|
|
import {NotebookListBox} from "./components/notebook/NotebookListBox"
|
|
|
|
import {NotebookRouter} from "./components/notebook/NotebookRouter"
|
2021-10-06 00:52:06 +00:00
|
|
|
import {DebugBox} from "./components/placeholder/DebugBox"
|
2021-10-07 03:25:53 +00:00
|
|
|
import {ProjectListBox} from "./components/project/ProjectListBox"
|
2021-10-07 03:17:45 +00:00
|
|
|
import {ProjectRouter} from "./components/project/ProjectRouter"
|
2021-10-06 00:52:06 +00:00
|
|
|
import {ThemedBluelib} from "./components/theme/ThemedBluelib"
|
|
|
|
import {ThemedTitle} from "./components/theme/ThemedTitle"
|
|
|
|
import {AuthorizationProvider} from "./contexts/authorization"
|
2021-10-12 02:12:17 +00:00
|
|
|
import {CacheProvider} from "./contexts/cache"
|
2021-10-06 00:52:06 +00:00
|
|
|
import {InstanceProvider} from "./contexts/instance"
|
|
|
|
import {ThemeProvider} from "./contexts/theme"
|
2021-08-29 20:58:31 +00:00
|
|
|
|
2021-09-29 23:50:45 +00:00
|
|
|
|
2021-10-10 15:11:40 +00:00
|
|
|
function App({..._}: RouteComponentProps) {
|
2021-09-08 16:05:01 +00:00
|
|
|
return (
|
2021-10-06 00:52:06 +00:00
|
|
|
<InstanceProvider>
|
|
|
|
<InstanceRouter
|
|
|
|
unselectedRoute={() => <>
|
|
|
|
<InstanceStepPage/>
|
|
|
|
</>}
|
|
|
|
selectedRoute={() => <>
|
2021-10-12 00:17:54 +00:00
|
|
|
<InstanceDescriptionBox/>
|
2021-10-06 00:52:06 +00:00
|
|
|
<AuthorizationProvider>
|
|
|
|
<AuthorizationRouter
|
|
|
|
unselectedRoute={() => <>
|
|
|
|
<AuthorizationStepPage/>
|
|
|
|
</>}
|
2021-10-07 00:14:34 +00:00
|
|
|
selectedRoute={() => <>
|
2021-10-12 02:12:17 +00:00
|
|
|
<CacheProvider>
|
|
|
|
<GroupRouter
|
|
|
|
unselectedRoute={({viewSet}) => <>
|
|
|
|
<GroupListBox viewSet={viewSet}/>
|
|
|
|
<GroupCreateBox viewSet={viewSet}/>
|
|
|
|
</>}
|
|
|
|
selectedRoute={({selection}) => <>
|
2021-10-12 02:40:48 +00:00
|
|
|
<Chapter>
|
|
|
|
<GroupDescriptionBox resource={selection}/>
|
|
|
|
<GroupMembersBox resource={selection}/>
|
|
|
|
</Chapter>
|
2021-10-12 02:12:17 +00:00
|
|
|
<ProjectRouter
|
|
|
|
groupPk={selection.value.slug}
|
2021-10-12 02:40:48 +00:00
|
|
|
unselectedRoute={({viewSet}) => <>
|
|
|
|
<ProjectListBox viewSet={viewSet}/>
|
2021-10-12 03:27:39 +00:00
|
|
|
<GroupCreateBox resource={selection}/>
|
2021-10-12 02:40:48 +00:00
|
|
|
</>}
|
2021-10-12 02:12:17 +00:00
|
|
|
selectedRoute={({selection}) => <>
|
|
|
|
<NotebookRouter
|
|
|
|
projectPk={selection.value.slug}
|
|
|
|
unselectedRoute={({viewSet}) => <NotebookListBox viewSet={viewSet}/>}
|
|
|
|
selectedRoute={DebugBox}
|
|
|
|
/>
|
|
|
|
</>}
|
|
|
|
/>
|
|
|
|
</>}
|
|
|
|
/>
|
|
|
|
</CacheProvider>
|
2021-10-07 00:14:34 +00:00
|
|
|
</>}
|
2021-10-06 00:52:06 +00:00
|
|
|
/>
|
|
|
|
</AuthorizationProvider>
|
|
|
|
</>}
|
|
|
|
/>
|
|
|
|
</InstanceProvider>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default function AppWrapper() {
|
|
|
|
return (
|
|
|
|
<ThemeProvider>
|
|
|
|
<ThemedBluelib>
|
|
|
|
<LayoutThreeCol>
|
|
|
|
<LayoutThreeCol.Center>
|
|
|
|
<ThemedTitle level={1}/>
|
|
|
|
<ErrorCatcherBox>
|
|
|
|
<Reach.Router>
|
|
|
|
<App default/>
|
|
|
|
</Reach.Router>
|
|
|
|
</ErrorCatcherBox>
|
|
|
|
<SophonFooter/>
|
|
|
|
</LayoutThreeCol.Center>
|
|
|
|
</LayoutThreeCol>
|
|
|
|
</ThemedBluelib>
|
|
|
|
</ThemeProvider>
|
|
|
|
)
|
2021-08-29 20:58:31 +00:00
|
|
|
}
|