added resource images #9

This commit is contained in:
2020-04-18 21:44:57 +02:00
parent 7a11551010
commit eb7b373774
3 changed files with 61 additions and 18 deletions

View File

@@ -8,6 +8,8 @@ import { Link } from 'react-router-dom';
import Link1 from '@material-ui/core/Link';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
import CardMedia from '@material-ui/core/CardMedia';
import ResourceCard from './resourceCard';
const useStyles = makeStyles(theme => ({
@@ -16,23 +18,7 @@ const useStyles = makeStyles(theme => ({
}
}));
function CreateResourceCard(resource, classes) {
function ListItemLink(props) {
return <ListItem button component={Link1} {...props} />;
}
return (
<Grid item xs={4} lg={2} >
<Card >
<CardContent style={{ padding: 0 }}>
<ListItemLink to={"/resourcechart/" + resource["db_letter"]} component={Link}>
<ListItemText primary={resource["name"]} />
</ListItemLink>
</CardContent>
</Card>
</Grid>
)
}
export default function SelectResource() {
const classes = useStyles();
@@ -43,7 +29,7 @@ export default function SelectResource() {
resourceJSON = await resourceJSON.json();
let rArr = [];
for (let i = 0; i < resourceJSON.length; i++) {
rArr.push(CreateResourceCard(resourceJSON[i], classes));
rArr.push(<ResourceCard resource={resourceJSON[i]}></ResourceCard>);
}
setResources(rArr);
}