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