steffo/sophon
steffo/sophon
1
Fork 0
mirror of https://github.com/Steffo99/sophon.git synced 2024-12-23 07:14:21 +00:00
Code Activity

🔧 Add flavour text to GroupListBox

Browse source
This commit is contained in:
Steffo 2021-10-07 18:36:20 +02:00
parent 34836e5763
commit efd3c10d75
Signed by: steffo
GPG key ID: 6965406171929D01
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/group/GroupListBox.tsx
View file

@ -1,5 +1,6 @@
import {Box, Heading} from "@steffo/bluelib-react" import {Box, Heading} from "@steffo/bluelib-react"
import * as React from "react" import * as React from "react"
import {useInstanceContext} from "../../contexts/instance"
import {ManagedViewSet} from "../../hooks/useManagedViewSet" import {ManagedViewSet} from "../../hooks/useManagedViewSet"
import {SophonResearchGroup} from "../../types/SophonTypes" import {SophonResearchGroup} from "../../types/SophonTypes"
import {GroupResourcePanel} from "./GroupResourcePanel" import {GroupResourcePanel} from "./GroupResourcePanel"
@ -11,13 +12,16 @@ export interface GroupListBoxProps {
export function GroupListBox({viewSet}: GroupListBoxProps): JSX.Element { export function GroupListBox({viewSet}: GroupListBoxProps): JSX.Element {
// TODO: Add some flavour text const instance = useInstanceContext()
return ( return (
<Box> <Box>
<Heading level={3}> <Heading level={3}>
Research groups Research groups on {instance?.state.details?.name}
</Heading> </Heading>
<p>
Research groups are groups of people that work together on one or more research projects.
</p>
{viewSet.resources?.map(res => <GroupResourcePanel resource={res} key={res.value.slug}/>)} {viewSet.resources?.map(res => <GroupResourcePanel resource={res} key={res.value.slug}/>)}
</Box> </Box>
) )