DetailCard.js
No OneTemporary
Actions

Subscribers

None

File Metadata

	import React, {useContext} from "react"

	import { makeStyles } from '@material-ui/core/styles';

	import Accordion from '@material-ui/core/Accordion';
	import AccordionSummary from '@material-ui/core/AccordionSummary';
	import AccordionDetails from '@material-ui/core/AccordionDetails';
	import Typography from '@material-ui/core/Typography';
	import ExpandMoreIcon from '@material-ui/icons/ExpandMore';

	import InfoIcon from '@material-ui/icons/Info';

	import "./termcard.css"


	const useStyles = makeStyles((theme) =>({

	card: {
	width: '100%',
	marginTop: "1rem",


	},
	root: {
	flexGrow: 1,
	},

	chip: {
	margin: 0.5,

	},

	heading: {
	fontSize: theme.typography.pxToRem(15),
	fontWeight: theme.typography.fontWeightRegular,
	},

	}))


	function DetailsCard({details}) {

	console.log(details)
	const classes = useStyles();






	return (



	<div className={classes.root}>

	<Accordion key={details.id}>
	<AccordionSummary
	expandIcon={<ExpandMoreIcon />}
	aria-controls="panel1a-content"
	id="panel1a-header"
	>
	<Typography className={classes.heading}>

	<h1>{details.name}

	<InfoIcon style={{ color: "white" }} href={details.website} />
	</h1>
	</Typography>
	</AccordionSummary>
	<AccordionDetails>
	<Typography>
	{details.starting_year}
	<h3>Website: {details.website}</h3>
	<h3>Open Access options : {details.oa_options}</h3>

	</Typography>
	</AccordionDetails>
	</Accordion>
	</div>
	)
	}

	export default DetailsCard