diff --git a/src/components/form/HelpButton.js b/src/components/form/HelpButton.js new file mode 100644 index 0000000..9b127c4 --- /dev/null +++ b/src/components/form/HelpButton.js @@ -0,0 +1,35 @@ +import React, {Component} from "react"; +import {Tooltip} from 'reactstrap'; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faQuestionCircle } from '@fortawesome/free-solid-svg-icons'; + + +class HelpButton extends Component { + constructor(props) { + super(props); + + this.toggle = this.toggle.bind(this); + this.state = { + tooltipOpen: false + }; + } + + toggle() { + this.setState({ + tooltipOpen: !this.state.tooltipOpen + }); + } + + + render() { + return ( +
+ + + {this.props.children} + +
+ ); + } +} +export default HelpButton; \ No newline at end of file diff --git a/src/components/views/CreateBallot.js b/src/components/views/CreateBallot.js index ebc6c09..6e1f764 100644 --- a/src/components/views/CreateBallot.js +++ b/src/components/views/CreateBallot.js @@ -1,5 +1,7 @@ import React, {Component} from "react"; -import { Container, Row, Col, Input } from 'reactstrap'; +import { Container, Row, Col, Input, Label } from 'reactstrap'; +import HelpButton from "../form/HelpButton"; + class CreateBallot extends Component { @@ -8,6 +10,7 @@ class CreateBallot extends Component { super(props); this.state = { } + this.focusInput= React.createRef(); } render(){ @@ -16,14 +19,28 @@ class CreateBallot extends Component { return( - -

Formulaire :

-
- - - - - +
+ +

Démarrer un vote

+
+ +
+
+ + + + + + + + + + Posez ici votre question ou introduisez simplement votre vote. +
Par exemple : Pour être mon représentant, je juge ce candidat ... +
+ +
+
) } diff --git a/src/components/views/Home.js b/src/components/views/Home.js index 20af394..3f6a76f 100644 --- a/src/components/views/Home.js +++ b/src/components/views/Home.js @@ -13,6 +13,7 @@ class Home extends Component { title:null, redirect:false, }; + this.focusInput= React.createRef(); } handleSubmit = (event) => { @@ -32,24 +33,24 @@ class Home extends Component { } return( -
+ logo - -

Simple et gratuit : organisez un vote à l'aide du Jugement Majoritaire.

-
- - - - - - - - - -

Pas de publicité et pas de cookie publicitaire.

-
+ +

Simple et gratuit : organisez un vote à l'aide du Jugement Majoritaire.

+
+ + + + + + + + + +

Pas de publicité et pas de cookie publicitaire.

+
) diff --git a/src/scss/_app.scss b/src/scss/_app.scss index 25f9b39..27c3fb7 100644 --- a/src/scss/_app.scss +++ b/src/scss/_app.scss @@ -65,4 +65,6 @@ hr{ border:none; border-top:1px solid $mv-light-color; width:100%; -} \ No newline at end of file + margin:auto; +} +