feat: add subcontractor work

src/components/ExperienceCard/ExperienceCard.js

@@ -2,10 +2,8 @@ import './ExperienceCard.scss';
 
 import React, { Component } from 'react';
 
+import ExperienceSlimSpanWrapper from '../ExperienceSlimSpan/ExperienceSlimSpan';
 
-// import { connect } from "react-redux";
-// import { bindActionCreators } from "redux";
-// import * as MenuComponentActions from "../../store/MenuComponent/actions";
 
 export default class ExperienceCard extends Component {
     // constructor(props) {
@@ -35,6 +33,13 @@ export default class ExperienceCard extends Component {
                     <div className='description content'>
                         <div dangerouslySetInnerHTML={{ __html: data.description }} />
                     </div>
+                    {data.missions ?
+                        data.missions.map(function (mission, index) {
+                            return <ExperienceSlimSpanWrapper key={index}
+                                data={mission} />;
+                        }) : ''
+
+                    }
                     {data.commentaire ? <div className="comment">
                         {data.commentaire}
                     </div> : ''}
@@ -43,8 +48,4 @@ export default class ExperienceCard extends Component {
 
         </div>
     }
-}
-// export default connect(
-//     ({ MenuComponent }) => ({ ...MenuComponent }),
-//     dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch)
-//   )( MenuComponent );
+}

src/components/ExperienceCard/ExperienceCard.scss

@@ -13,3 +13,12 @@
 .card-content {
   margin-top: 1rem;
 }
+
+.mission.card-content {
+  margin-top: 0;
+}
+
+.mission .media {
+  border-top-style: none;
+  align-items: self-end;
+}

src/components/ExperienceSlimSpan/ExperienceSlimSpan.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+
+
+export default class ExperienceSlimSpan extends Component {
+   render() {
+      var data = this.props.data;
+      var imgSrc = data.logo;
+      return <div className="mission card-content">
+         <div className="media">
+            <div className="media-left">
+               <a href={data.url} target="_blank" rel="noreferrer">
+                  <figure className="image is-24x24">
+                     <img src={imgSrc} alt="Logo Entreprise" />
+                  </figure>
+               </a>
+            </div>
+            <div className="media-content">
+               <p className="subtitle is-6">{data.occupation} @ <strong>{data.entreprise}</strong> - {data.duration}</p>
+            </div>
+         </div>
+      </div>
+   }
+};