2020-03-19 16:13:51 +01:00
|
|
|
import Link from 'next/link';
|
|
|
|
import './FunctionCard.css';
|
|
|
|
|
|
|
|
const FunctionCard = (props) => (
|
|
|
|
<Link href={`/functions/${props.slug}`}>
|
2020-03-19 16:36:43 +01:00
|
|
|
<div className="FunctionCard col-sm-24 col-md-10 col-xl-7">
|
2020-03-20 18:36:48 +01:00
|
|
|
<div className="FunctionCard__top">
|
|
|
|
<img className="FunctionCard__image" alt={props.title} src={props.image} />
|
|
|
|
<h2 className="FunctionCard__title">{props.title}</h2>
|
|
|
|
<p className="FunctionCard__description">{props.description}</p>
|
|
|
|
</div>
|
2020-03-19 16:13:51 +01:00
|
|
|
<div className="FunctionCard__info">
|
|
|
|
<p className="FunctionCard__category" style={{ backgroundColor: props.category.color }}>{props.category.name}</p>
|
|
|
|
<p className="FunctionCard__publication-date">{props.publicationDate}</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</Link>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default FunctionCard;
|