diff --git a/frontend/src/components/project/ProjectListBox.tsx b/frontend/src/components/project/ProjectListBox.tsx index 97dfffc..7e713a1 100644 --- a/frontend/src/components/project/ProjectListBox.tsx +++ b/frontend/src/components/project/ProjectListBox.tsx @@ -2,6 +2,8 @@ import {Box, Heading} from "@steffo/bluelib-react" import * as React from "react" import {ManagedViewSet} from "../../hooks/useManagedViewSet" import {SophonResearchProject} from "../../types/SophonTypes" +import {Empty} from "../elements/Empty" +import {Loading} from "../elements/Loading" import {ProjectResourcePanel} from "./ProjectResourcePanel" @@ -11,6 +13,19 @@ export interface ProjectListBoxProps { export function ProjectListBox({viewSet}: ProjectListBoxProps): JSX.Element { + const resources = React.useMemo( + () => { + if(!viewSet.resources) { + return + } + if(viewSet.resources.length === 0) { + return This group owns no projects. + } + return viewSet.resources?.map(res => ) + }, + [viewSet], + ) + return ( @@ -19,7 +34,7 @@ export function ProjectListBox({viewSet}: ProjectListBoxProps): JSX.Element {

Research projects are containers for all kind of research data pertaining to a specific topic.

- {viewSet.resources?.map(res => )} + {resources}
) }