You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
447 B
24 lines
447 B
import React from "react";
|
|
import {Spinner} from "reactstrap";
|
|
import useGroups from "../Hooks/group";
|
|
import Group from "./Group";
|
|
|
|
function Groups() {
|
|
const groups = useGroups();
|
|
|
|
if (groups === null) {
|
|
return (
|
|
<div>
|
|
<Spinner color="primary" style={{width: "4rem", height: "4rem"}}/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
{groups.map(group => <Group {...group} />)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Groups;
|