feat: add subcontractor work

generate-react-cli.json

@@ -0,0 +1,14 @@
+{
+  "usesTypeScript": false,
+  "usesStyledComponents": true,
+  "testLibrary": "None",
+  "component": {
+    "default": {
+      "path": "src/components",
+      "withStyle": true,
+      "withTest": false,
+      "withStory": false,
+      "withLazy": false
+    }
+  }
+}

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>
+   }
+};

src/messages/fr.json

@@ -14,8 +14,31 @@
         "duration": "depuis Juin 2023",
         "entreprise": "Sopra Steria",
         "location": "Clermont-Ferrand",
-        "description": "Fullstack Developer @ Michelin [depuis 02/24]<br/>Maintenance Applicative pour Imprimerie Nationale [06/23 - 02/24]",
-        "tags": ["Java", "Angular", "Spring", "DevOps", "Linux", "Azure", "Scrum"]
+        "tags": [
+          "Java",
+          "Angular",
+          "Spring",
+          "DevOps",
+          "Linux",
+          "Azure",
+          "Scrum"
+        ],
+        "missions": [
+          {
+            "entreprise": "Michelin",
+            "logo": "../../images/logos/michelin.webp",
+            "url": "https://www.michelin.fr",
+            "occupation": "Fullstack Developer",
+            "duration": "depuis 02/24"
+          },
+          {
+            "entreprise": "IN Groupe",
+            "logo": "../../images/logos/ingroupe.webp",
+            "url": "https://ingroupe.com/fr/",
+            "occupation": "Maintenance Applicative",
+            "duration": "06/23 - 02/24"
+          }
+        ]
       },
       {
         "occupation": "Coordinateur événementiel",