diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 1d75e0f..e619ebc 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -7,8 +7,10 @@ import {AuthorizationStepPage} from "./components/authorization/AuthorizationSte import {SophonFooter} from "./components/elements/SophonFooter" import {ErrorCatcherBox} from "./components/errors/ErrorCatcherBox" import {GroupCreateBox} from "./components/group/GroupCreateBox" +import {GroupDescriptionBox} from "./components/group/GroupDescriptionBox" import {GroupListBox} from "./components/group/GroupListBox" import {GroupRouter} from "./components/group/GroupRouter" +import {InstanceDescriptionBox} from "./components/instance/InstanceDescriptionBox" import {InstanceRouter} from "./components/instance/InstanceRouter" import {InstanceStepPage} from "./components/instance/InstanceStepPage" import {NotebookListBox} from "./components/notebook/NotebookListBox" @@ -31,6 +33,7 @@ function App({..._}: RouteComponentProps) { >} selectedRoute={() => <> + <> @@ -38,18 +41,19 @@ function App({..._}: RouteComponentProps) { >} selectedRoute={() => <> <> - - + unselectedRoute={({viewSet}) => <> + + >} - selectedRoute={(props) => <> + selectedRoute={({selection}) => <> + } - selectedRoute={(props) => <> + groupPk={selection.value.slug} + unselectedRoute={({viewSet}) => } + selectedRoute={({selection}) => <> } + projectPk={selection.value.slug} + unselectedRoute={({viewSet}) => } selectedRoute={DebugBox} /> >} diff --git a/frontend/src/components/authorization/AuthorizationStepPage.tsx b/frontend/src/components/authorization/AuthorizationStepPage.tsx index aa3ada5..29570b0 100644 --- a/frontend/src/components/authorization/AuthorizationStepPage.tsx +++ b/frontend/src/components/authorization/AuthorizationStepPage.tsx @@ -1,7 +1,6 @@ import {Chapter} from "@steffo/bluelib-react" import * as React from "react" import {useAuthorizationContext} from "../../contexts/authorization" -import {InstanceDescriptionBox} from "../instance/InstanceDescriptionBox" import {AuthorizationAdminBox} from "./AuthorizationAdminBox" import {AuthorizationBrowseBox} from "./AuthorizationBrowseBox" import {AuthorizationLoginBox} from "./AuthorizationLoginBox" @@ -43,7 +42,6 @@ export function AuthorizationStepPage(): JSX.Element { ) return <> - {loginChapter} diff --git a/frontend/src/components/group/GroupDescriptionBox.tsx b/frontend/src/components/group/GroupDescriptionBox.tsx new file mode 100644 index 0000000..fa44fbf --- /dev/null +++ b/frontend/src/components/group/GroupDescriptionBox.tsx @@ -0,0 +1,23 @@ +import {Box, Heading} from "@steffo/bluelib-react" +import * as React from "react" +import {ManagedResource} from "../../hooks/useManagedViewSet" +import {SophonResearchGroup} from "../../types/SophonTypes" + + +export interface GroupDescriptionBoxProps { + resource: ManagedResource +} + + +export function GroupDescriptionBox({resource}: GroupDescriptionBoxProps): JSX.Element { + return ( + + + {resource.value.name} + + + {resource.value.description} + + + ) +}
+ {resource.value.description} +