Ajout des moyens de contact

+ Corrections diverses

.reactgenerator

@@ -0,0 +1,18 @@
+{
+  "componentDestination": "./src/components/",
+  "styledComponentDestination": "./src/components/",
+  "tscomponentDestination": "./components/",
+  "viewDestination": "./src/view/",
+  "storeDestination": "./src/store/",
+  "pageDestination": "./pages/",
+  "tspageDestination": "./pages/",
+  "reduxDestination": "./src/",
+  "setupDestination": "./src/",
+  "reduxModuleDestination": "./src/store/",
+  "serviceModuleDestination": "./src/services/",
+  "servicesDestination": "./src/",
+  "configDestination": "./src/services/",
+  "requestDestination": "./src/services/config/",
+  "storageDestination": "./src/services/config/",
+  "templatePath": ""
+}

package-lock.json

@@ -10,6 +10,7 @@
         "@testing-library/jest-dom": "^5.11.6",
         "@testing-library/react": "^11.2.2",
         "@testing-library/user-event": "^12.5.0",
+        "bulma": "^0.9.1",
         "react": "^17.0.1",
         "react-dom": "^17.0.1",
         "react-scripts": "4.0.1",
@@ -4769,6 +4770,11 @@
       "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
       "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
     },
+    "node_modules/bulma": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
+      "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
+    },
     "node_modules/bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -24898,6 +24904,11 @@
       "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
       "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug="
     },
+    "bulma": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.1.tgz",
+      "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
+    },
     "bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",

src/App.js

@@ -4,6 +4,7 @@ import './_sass/index.scss';
 import MenuComponent from './components/MenuComponent/index';
 import MainCard from './components/MainCard/MainCard';
 import ProjectsCard from './components/ProjectsCard';
+import ContactCard from './components/ContactCard';
 
 function App() {
   return (
@@ -11,6 +12,7 @@ function App() {
       <MenuComponent/>
       <MainCard/>
       <ProjectsCard/>
+      <ContactCard/>
     </div>
   );
 }

src/components/ContactButton/ContactButton.js

@@ -0,0 +1,26 @@
+import React, {Component} from '../../../node_modules/react';
+import './ContactButton.scss'
+// import { connect } from "react-redux";
+// import { bindActionCreators } from "redux";
+// import * as contactButtonActions from "../../store/contactButton/actions";
+export default class ContactButton extends Component {
+    // constructor(props) {
+    //     super(props);
+    //     this.state = {};
+    // }
+    render() {
+      return <div class="column is-3">
+              <a target="_blank" rel="noreferrer noopener" href={this.props.link} class="hide button is-large is-fullw-mobile"
+                  title={this.props.title}>
+                  <span class="icon">
+                      <i class={"fab " + this.props.icon}></i>
+                  </span>
+                  <span>{this.props.name}</span>
+              </a>
+          </div>;
+    }
+  }
+// export default connect(
+//     ({ contactButton }) => ({ ...contactButton }),
+//     dispatch => bindActionCreators({ ...contactButtonActions }, dispatch)
+//   )( contactButton );

src/components/ContactButton/ContactButton.scss

@@ -0,0 +1,4 @@
+
+.component-contact-button{
+    
+}

src/components/ContactButton/index.js

@@ -0,0 +1,2 @@
+import ContactButton from "./ContactButton"
+export default ContactButton;

src/components/ContactCard/ContactCard.js

@@ -0,0 +1,51 @@
+import React, {Component} from '../../../node_modules/react';
+import './ContactCard.scss'
+
+import ContactButton from '../ContactButton/index';
+
+// import { connect } from "react-redux";
+// import { bindActionCreators } from "redux";
+// import * as contactCardActions from "../../store/contactCard/actions";
+export default class ContactCard extends Component {
+    // constructor(props) {
+    //     super(props);
+    //     this.state = {};
+    // }
+    render() {
+      return <section class="hero is-info dontPrint" id="contact">
+      <div class="hero-body">
+          <div class="container">
+              <h1 class="title">
+                  Contact
+              </h1>
+              <h2 class="subtitle">
+                  Vous pouvez me contacter de nombreuses façons !
+              </h2>
+              <div class="columns">
+                <ContactButton
+                  name="Courriel"
+                  title="Contactez moi par mail a anthony arobase dumas point cc !"
+                  link="mailto:anthony@dumas.cc"
+                  icon="icon-envelope-open"/>
+
+                <ContactButton
+                name="LinkedIn"
+                title="Page LinkedIn"
+                link="https://www.linkedin.com/in/anthonyyvondumas/"
+                icon="icon-linke-square"/>
+
+                <ContactButton
+                name="Telegram"
+                title="Contactez moi via Telegram!"
+                link="https://t.me/adamas_FR"
+                icon="icon-teleg"/>
+              </div>
+          </div>
+      </div>
+  </section>;
+    }
+  }
+// export default connect(
+//     ({ ContactCard }) => ({ ...contactCard }),
+//     dispatch => bindActionCreators({ ...contactCardActions }, dispatch)
+//   )( contactCard );

src/components/ContactCard/ContactCard.scss

@@ -0,0 +1,4 @@
+
+.component-contact-card{
+    
+}

src/components/ContactCard/index.js

@@ -0,0 +1,2 @@
+import ContactCard from "./ContactCard"
+export default ContactCard;

src/components/MainCard/MainCard.js

@@ -26,7 +26,7 @@ export default class MainCard extends Component {
                       <div class="card">
                           <div class="card-image">
                               <figure id="photoProfil" class="image">
-                                  <img src={photoProfil} alt="Une Photo de moi"/>
+                                  <img src={photoProfil} alt="Anthony Dumas"/>
                               </figure>
                           </div>
                           <div class="card-content">