client/src/components/Settings.js
changeset 143 cfcbf4bc66f1
parent 142 56850f5c73f6
child 151 57d63a248f0d
--- a/client/src/components/Settings.js	Wed Jul 18 17:32:09 2018 +0200
+++ b/client/src/components/Settings.js	Tue Aug 14 20:34:50 2018 +0200
@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Grid, Row, Col, Button, FormGroup, ControlLabel, FormControl } from 'react-bootstrap';
 import '../App.css';
 import Navbar from './Navbar';
 import * as userActions from '../actions/userActions';
@@ -24,33 +23,33 @@
     return (
       <div>
         <Navbar history={this.props.history} />
-        <Grid fluid>
-          <Row>
-            <Col md={6} mdOffset={3}>
+        <div className="container-fluid">
+          <div className="row">
+            <div className="col-md-6 col-md-offset-3">
               <form>
-                <FormGroup>
-                  <ControlLabel>First name</ControlLabel>
-                  <FormControl
+                <div className="form-group">
+                  <label className="control-label">Prénom</label>
+                  <input className="form-control"
                     name="firstname"
                     defaultValue={ firstname }
-                    placeholder="First Name"
-                    inputRef={ ref => { this.firstname = ref; } }
+                    placeholder="Entrez un prénom"
+                    ref={(firstname) => { this.firstname = firstname; }}
                   />
-                </FormGroup>
-                <FormGroup>
-                  <ControlLabel>Last name</ControlLabel>
-                  <FormControl
+                </div>
+                <div className="form-group">
+                  <label className="control-label">Nom</label>
+                  <input className="form-control"
                     name="lastname"
                     defaultValue={ lastname }
-                    placeholder="Last Name"
-                    inputRef={ ref => { this.lastname = ref; } }
+                    placeholder="Entrez un nom"
+                    ref={(lastname) => { this.lastname = lastname; }}
                   />
-                </FormGroup>
+                </div>
               </form>
-              <Button block bsStyle="success" onClick={this.updateSettings}>Save settings</Button>
-            </Col>
-          </Row>
-        </Grid>
+              <button type="submit" className="btn btn-primary btn-lg" onClick={this.updateSettings}>Enregistrer</button>
+            </div>
+          </div>
+        </div>
       </div>
     );
   }