diff --git a/assets/src/components/DetailCard.js b/assets/src/components/DetailCard.js index afcbcc0f..fa2cc796 100644 --- a/assets/src/components/DetailCard.js +++ b/assets/src/components/DetailCard.js @@ -1,375 +1,382 @@ import React, {useContext,useEffect,useState} from "react" import {Context} from "../Context" import { makeStyles } from '@material-ui/core/styles'; import "./detailscard.css" import Typography from '@material-ui/core/Typography'; import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; import Card from '@material-ui/core/Card'; import CardActions from '@material-ui/core/CardActions'; import CardContent from '@material-ui/core/CardContent'; import Button from '@material-ui/core/Button'; import { HiLink } from "react-icons/hi"; import DoneIcon from '@material-ui/icons/Done'; import WarningIcon from '@material-ui/icons/Warning'; import "./termcard.css" import { BsUnlock } from "react-icons/bs"; import { GrDiamond } from "react-icons/gr"; import Chip from '@material-ui/core/Chip'; import ClearSharpIcon from '@material-ui/icons/ClearSharp'; - +/** + * General component description in JSDoc format. Markdown is *supported*. + * @public + */ const useStyles = makeStyles((theme) => ({ root: { '& > *': { margin: theme.spacing(1), display: 'grid', }, flexGrow: 1, }, formControl: { margin: theme.spacing(1), width: 200, }, selectEmpty: { marginTop: theme.spacing(1), }, chip: { margin: 0.5, }, heading: { fontSize: theme.typography.pxToRem(15), fontWeight: theme.typography.fontWeightRegular, }, })); function DetailsCard({details}) { - + /** To manage display for journal.end_year --> Inactive*/ const year = new Date().getFullYear() console.log(year) const { getSelectedInstitId, setUrl, url } = useContext(Context) const classes = useStyles(); useEffect(() => { setUrl(window.location.href) },) // const [issn, setIssn] = React.useState(""); if (details !== 'null') { // // setInstitName(details.name) return ( +
My name is Bob
+Nice to meet you!
*/}From {details.starting_year} to {details.end_year}
Open Acces Status:
: details.oa_status.status === "Diamond" ? <> Open Acces Status: {/* {details.oa_status.status} */} > :details.oa_status.status === "Full" ?Open Acces Status:
:details.oa_status.status === "hybrid" ?Open Acces Status:
:details.oa_status.status === "Green" ?Open Acces Status:
:details.oa_status.status === "none" ?Open Acces Status:
:null }Language: {item.name}