54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import { makeStyles } from '@material-ui/core/styles';
|
|
import Card from '@material-ui/core/Card';
|
|
import CardContent from '@material-ui/core/CardContent';
|
|
import Typography from '@material-ui/core/Typography';
|
|
import Grid from '@material-ui/core/Grid';
|
|
|
|
const useStyles = makeStyles(theme => ({
|
|
card: {
|
|
|
|
}
|
|
}));
|
|
|
|
function CreateResourceCard(resource, classes) {
|
|
return (
|
|
<Grid item xs={4}>
|
|
<Card className={classes.card}>
|
|
<CardContent>
|
|
<Typography variant="h6" component="h2">
|
|
{resource["name"]}
|
|
</Typography>
|
|
</CardContent>
|
|
</Card>
|
|
</Grid>
|
|
|
|
)
|
|
}
|
|
|
|
export default function SelectResource() {
|
|
const classes = useStyles();
|
|
const [resources, setResources] = React.useState(null);
|
|
|
|
const loadResources = async () => {
|
|
var resourceJSON = await fetch("/API/resourcelist");
|
|
resourceJSON = await resourceJSON.json();
|
|
let rArr = [];
|
|
for (let i = 0; i < resourceJSON.length; i++) {
|
|
rArr.push(CreateResourceCard(resourceJSON[i], classes));
|
|
}
|
|
setResources(rArr);
|
|
}
|
|
|
|
if (resources === null)
|
|
loadResources();
|
|
|
|
return (
|
|
|
|
<Grid container spacing={2}>
|
|
{resources}
|
|
</Grid>
|
|
|
|
);
|
|
}
|