1
Fork 0
mirror of https://github.com/Steffo99/sophon.git synced 2024-12-24 15:54:21 +00:00
sophon/frontend/src/components/group/GroupResourcePanel.tsx

38 lines
1.2 KiB
TypeScript
Raw Normal View History

2021-10-07 00:36:49 +00:00
import {faEnvelope, faGlobe} from "@fortawesome/free-solid-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import * as React from "react"
import {ManagedResource} from "../../hooks/useManagedViewSet"
import {SophonResearchGroup} from "../../types/SophonTypes"
import {Link} from "../elements/Link"
import {ResourcePanel} from "../elements/ResourcePanel"
export interface GroupResourcePanelProps {
resource: ManagedResource<SophonResearchGroup>,
}
export function GroupResourcePanel({resource}: GroupResourcePanelProps): JSX.Element {
const icon = resource.value.access === "OPEN" ? faGlobe : faEnvelope
const members = resource.value.members.length
return (
<ResourcePanel>
<ResourcePanel.Icon>
<FontAwesomeIcon icon={icon}/>
</ResourcePanel.Icon>
<ResourcePanel.Name>
<Link href={`g/${resource.value.slug}/`}>
{resource.value.name}
</Link>
</ResourcePanel.Name>
<ResourcePanel.Text>
{members} member{members !== 1 ? "s" : ""}
</ResourcePanel.Text>
<ResourcePanel.Buttons>
</ResourcePanel.Buttons>
</ResourcePanel>
)
}