ajout prettier

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "bracketSpacing": false,
+  "singleQuote": true,
+  "printWidth": 120,
+  "jsxBracketSameLine": true
+}

package.json

@@ -3,6 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "devDependencies": {
+    "husky": "^1.0.0-rc.10",
+    "prettier": "^1.13.7",
     "react-scripts": "^1.1.4"
   },
   "dependencies": {
@@ -25,6 +27,12 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "prettier": "prettier --write \"src/**/*.js\""
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run prettier"
+    }
   }
 }

src/containers/app/app-navbar.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { Link } from "react-router-dom";
+import React from 'react';
+import {Link} from 'react-router-dom';
 import {
   Collapse,
   Navbar,
@@ -10,7 +10,7 @@ import {
   DropdownToggle,
   DropdownMenu,
   DropdownItem
-} from "reactstrap";
+} from 'reactstrap';
 
 export default class AppNavbar extends React.Component {
   constructor(props) {
@@ -30,7 +30,9 @@ export default class AppNavbar extends React.Component {
     return (
       <div>
         <Navbar color="light" light expand="md">
-          <NavbarBrand tag={Link} to="/">Calculette RH</NavbarBrand>
+          <NavbarBrand tag={Link} to="/">
+            Calculette RH
+          </NavbarBrand>
           <NavbarToggler onClick={this.toggle} />
           <Collapse isOpen={this.state.isOpen} navbar>
             <Nav className="mr-auto" navbar>
@@ -42,10 +44,7 @@ export default class AppNavbar extends React.Component {
                   <DropdownItem tag={Link} to="/gestionPersonnel/anciennete">
                     Ancienneté
                   </DropdownItem>
-                  <DropdownItem
-                    tag={Link}
-                    to="/gestionPersonnel/conversionMinCent"
-                  >
+                  <DropdownItem tag={Link} to="/gestionPersonnel/conversionMinCent">
                     Conversion minutes / centièmes
                   </DropdownItem>
                 </DropdownMenu>

src/containers/app/index.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import { Route } from 'react-router-dom';
+import {Route} from 'react-router-dom';
 import Home from '../home';
 import Anciennete from '../gestionPersonnel/anciennete';
 import ConversionMinCent from '../gestionPersonnel/conversionMinCent';
-import AppNavBar from './app-navbar'
+import AppNavBar from './app-navbar';
 
 const App = () => (
   <div>
-      <AppNavBar/>
+    <AppNavBar />
     <main>
       <Route exact path="/" component={Home} />
       <Route exact path="/gestionPersonnel/anciennete" component={Anciennete} />

src/containers/gestionPersonnel/anciennete.js

@@ -3,33 +3,32 @@ import {connect} from 'react-redux';
 import AncienneteForm from './ancienneteForm';
 
 class Anciennete extends React.Component {
-
-   render() {
-       const {isValid, anciennete, ancienneteStr} = this.props;
-       return (
-        <article className="container mt-3">
+  render() {
+    const {isValid, anciennete, ancienneteStr} = this.props;
+    return (
+      <article className="container mt-3">
         <h1>Calcul de l'ancienneté</h1>
         <div className="mt-5">
-            <AncienneteForm />
-            {isValid &&
-                <blockquote className="mt-3">
-                    <p>
-                        Ce salarié a <mark>{anciennete.toFixed(2)} an(s)</mark> d'ancienneté, soit {ancienneteStr}.
-                    </p>
-                </blockquote>
-            }
+          <AncienneteForm />
+          {isValid && (
+            <blockquote className="mt-3">
+              <p>
+                Ce salarié a <mark>{anciennete.toFixed(2)} an(s)</mark> d'ancienneté, soit {ancienneteStr}.
+              </p>
+            </blockquote>
+          )}
         </div>
-        </article>
-        );
-    };
+      </article>
+    );
+  }
 }
 
 function mapStateToProps(state) {
-    return {
-        isValid: state.anciennete.isValid,
-        anciennete: state.anciennete.anciennete,
-        ancienneteStr: state.anciennete.ancienneteStr
-    }
+  return {
+    isValid: state.anciennete.isValid,
+    anciennete: state.anciennete.anciennete,
+    ancienneteStr: state.anciennete.ancienneteStr
+  };
 }
 
-export default connect(mapStateToProps)(Anciennete);
+export default connect(mapStateToProps)(Anciennete);

src/containers/gestionPersonnel/ancienneteForm.js

@@ -1,27 +1,27 @@
 import React from 'react';
-import { Field, reduxForm } from 'redux-form'
+import {Field, reduxForm} from 'redux-form';
 import {updateAnciennete} from '../../reducers/anciennete';
 
 let AncienneteForm = props => {
-
-    return (
-        <form className="form-inline">
-        <div className="form-group">
-            <label className="mr-2">Date d'entrée</label>
-            <Field component="input" type="text" name="dateEntree" className="form-control" placeholder="JJ/MM/AAAA"
-                  />
-        </div>
-        <div className="form-group">
-            <label className="ml-2 mr-2">au</label>
-            <Field component="input" type="text" name="dateSortie" className="form-control" placeholder="JJ/MM/AAAA"
-                  />
-        </div>
-        </form>
-)};
+  return (
+    <form className="form-inline">
+      <div className="form-group">
+        <label className="mr-2">Date d'entrée</label>
+        <Field component="input" type="text" name="dateEntree" className="form-control" placeholder="JJ/MM/AAAA" />
+      </div>
+      <div className="form-group">
+        <label className="ml-2 mr-2">au</label>
+        <Field component="input" type="text" name="dateSortie" className="form-control" placeholder="JJ/MM/AAAA" />
+      </div>
+    </form>
+  );
+};
 
 AncienneteForm = reduxForm({
-    form: 'anciennete',
-    onChange: (values, dispatch) => { updateAnciennete(values, dispatch) }
-  })(AncienneteForm)
+  form: 'anciennete',
+  onChange: (values, dispatch) => {
+    updateAnciennete(values, dispatch);
+  }
+})(AncienneteForm);
 
-export default AncienneteForm
+export default AncienneteForm;