diff --git a/webclient/src/Admin.js b/webclient/src/Admin.js index 5828818..5487ac4 100644 --- a/webclient/src/Admin.js +++ b/webclient/src/Admin.js @@ -51,6 +51,7 @@ export function AdminVetting(props) { const [vetting, setVetting] = useState(vettingCache); const [refreshCount, refreshVetting] = useReducer(x => x + 1, 0); const [error, setError] = useState(false); + const [showAll, setShowAll] = useState(false); useEffect(() => { requester('/vetting/', 'GET', token) @@ -63,6 +64,8 @@ export function AdminVetting(props) { }); }, [refreshCount]); + const displayAll = (vetting && vetting.length <= 5) || showAll; + return (
{!error ? @@ -80,7 +83,7 @@ export function AdminVetting(props) { - {vetting.map(x => + {(displayAll ? vetting : vetting.slice(0,5)).map(x => {x.first_name} {x.last_name} Email @@ -95,8 +98,16 @@ export function AdminVetting(props) { +

{displayAll ? '' : '5 / '}{vetting.length} members

+

- ↳ x.email).join(',')}>Email All + {displayAll ? + <> + ↳ x.email).join(',')}>Email All + + : + + }

: