diff --git a/assets/src/components/TermCard.js b/assets/src/components/TermCard.js
index 0cbe147e..12174571 100644
--- a/assets/src/components/TermCard.js
+++ b/assets/src/components/TermCard.js
@@ -1,278 +1,278 @@
import React, {useState, useContext, useEffect} from "react"
import {Context} from "../ContextProvider"
import { makeStyles } from '@material-ui/core/styles';
import "./termcard.css"
import Chip from '@material-ui/core/Chip';
import DoneIcon from '@material-ui/icons/Done';
import HighlightOffIcon from '@material-ui/icons/HighlightOff';
import Typography from '@material-ui/core/Typography';
import DateRangeIcon from '@material-ui/icons/DateRange';
import { FaCoins, FaRegHandshake, FaUserGraduate } from 'react-icons/fa';
import { RiFilePaper2Line } from 'react-icons/ri';
import Button from '@material-ui/core/Button';
import { HiLink } from "react-icons/hi";
import { GrInfo } from "react-icons/gr";
import Container from '@material-ui/core/Container'
import Grid from '@material-ui/core/Grid'
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import Tooltip from '@material-ui/core/Tooltip';
import { BsNewspaper } from 'react-icons/bs';
import { FiFlag } from 'react-icons/fi';
const useStyles = makeStyles((theme) =>({
card: {
width: '100%',
marginTop: "1rem",
textAlign:'left'
},
root: {
flexGrow: 1,
textAlign:'left',
},
chip: {
margin: 0.5,
},
heading: {
fontSize: theme.typography.pxToRem(15),
fontWeight: theme.typography.fontWeightRegular,
},
}))
export default function TermCard({term}) {
const classes = useStyles();
//call the custom hook to share the state between different level componant
const {url} = useContext(Context)
const [ref, setRef] = useState("")
console.log(ref)
useEffect(() => {
// ## Update ref term by creating a specific Reference based on the Condition set ID = C and Term.id = T
setRef(
term.map( j=> (
j[0] &&
`C${j[0]}/T${term[0].id}`
))
)
},[]); // render once
function handleClick () {
// ## Create mail template to report a modification, contain the actual Url and the reference Term Card
window.open(`mailto:publishsupport@epfl.ch?subject= OACCT Modification request for ${encodeURIComponent(url)} Term Card Reference: ${ref[1]} &body=Request Description:`)
}
console.log(`cost factor data: ${term[0].cost_factor[0].cost_factor_type.name}`)
const licenceIcon =
term[0].licence?.map(i=>(
<>
{j[2].condition_issuer === "Journal-only" &&