2023-06-26 19:54:54 +02:00
|
|
|
import './ExperienceCard.scss';
|
|
|
|
|
2023-01-20 09:33:32 +00:00
|
|
|
import React, { Component } from 'react';
|
2023-06-26 19:54:54 +02:00
|
|
|
|
2020-12-11 00:35:35 +01:00
|
|
|
|
|
|
|
// import { connect } from "react-redux";
|
|
|
|
// import { bindActionCreators } from "redux";
|
|
|
|
// import * as MenuComponentActions from "../../store/MenuComponent/actions";
|
|
|
|
|
|
|
|
export default class ExperienceCard extends Component {
|
|
|
|
// constructor(props) {
|
|
|
|
// super(props);
|
|
|
|
// this.state = {};
|
|
|
|
// }
|
|
|
|
render() {
|
2021-01-03 00:48:49 +01:00
|
|
|
var data = this.props.data;
|
|
|
|
var imgSrc = data.logo;
|
2023-06-26 19:54:54 +02:00
|
|
|
return <div className="card-content">
|
|
|
|
<div className="media">
|
|
|
|
<div className="media-left">
|
2023-01-20 09:33:32 +00:00
|
|
|
<a href={data.url} target="_blank" rel="noreferrer">
|
2023-06-26 19:54:54 +02:00
|
|
|
<figure className="image is-48x48">
|
2023-01-20 09:33:32 +00:00
|
|
|
<img src={imgSrc} alt="Logo Entreprise" />
|
|
|
|
</figure>
|
|
|
|
</a>
|
|
|
|
</div>
|
2023-06-26 19:54:54 +02:00
|
|
|
<div className="media-content">
|
|
|
|
<p className="title is-4">{data.occupation}</p>
|
|
|
|
<p className="subtitle is-6">{data.entreprise} - {data.location} - {data.duration}</p>
|
|
|
|
<div className="tags">
|
2023-01-20 09:33:32 +00:00
|
|
|
{data.tags.map(function (name, index) {
|
2023-06-26 19:54:54 +02:00
|
|
|
return <span key={index} className="tag">{name}</span>;
|
2023-01-20 09:33:32 +00:00
|
|
|
})}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-06-26 19:54:54 +02:00
|
|
|
<div className="content">
|
2023-01-20 09:33:32 +00:00
|
|
|
{data.description}
|
|
|
|
</div>
|
2023-06-26 19:54:54 +02:00
|
|
|
{data.commentaire ? <div className="comment">
|
2023-01-20 09:33:32 +00:00
|
|
|
{data.commentaire}
|
|
|
|
</div> : ''}
|
|
|
|
|
|
|
|
</div>
|
2020-12-11 00:35:35 +01:00
|
|
|
}
|
2023-01-20 09:33:32 +00:00
|
|
|
}
|
2020-12-11 00:35:35 +01:00
|
|
|
// export default connect(
|
|
|
|
// ({ MenuComponent }) => ({ ...MenuComponent }),
|
|
|
|
// dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch)
|
|
|
|
// )( MenuComponent );
|