added resource images #9
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user