From efd3c10d75b6dcf89599ce2917ca4c81c4d92912 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Thu, 7 Oct 2021 18:36:20 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Add=20flavour=20text=20to=20`Gro?=
 =?UTF-8?q?upListBox`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/group/GroupListBox.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/group/GroupListBox.tsx b/frontend/src/components/group/GroupListBox.tsx
index 92044aa..7330935 100644
--- a/frontend/src/components/group/GroupListBox.tsx
+++ b/frontend/src/components/group/GroupListBox.tsx
@@ -1,5 +1,6 @@
 import {Box, Heading} from "@steffo/bluelib-react"
 import * as React from "react"
+import {useInstanceContext} from "../../contexts/instance"
 import {ManagedViewSet} from "../../hooks/useManagedViewSet"
 import {SophonResearchGroup} from "../../types/SophonTypes"
 import {GroupResourcePanel} from "./GroupResourcePanel"
@@ -11,13 +12,16 @@ export interface GroupListBoxProps {
 
 
 export function GroupListBox({viewSet}: GroupListBoxProps): JSX.Element {
-    // TODO: Add some flavour text
+    const instance = useInstanceContext()
 
     return (
         <Box>
             <Heading level={3}>
-                Research groups
+                Research groups on {instance?.state.details?.name}
             </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}/>)}
         </Box>
     )