1
0
Fork 0
mirror of https://github.com/betagouv/mon-entreprise synced 2025-02-09 05:15:02 +00:00
mon-entreprise/source/components/SatisfactionSmiley.js
Johan Girod 74a41fa5c4 Change la manière dont on récolte les retour utilisateurs
Les retours peuvent maintenant etre récolté à deux moments. Soit
juste après le calcul de la première estimation, soit lorsque
l'utilisateur a terminé la simulation et répondu à toutes les
question. Le choix est determiné au hasard (jet d'une piece).

De plus, au lieu d'un simple champs texte, on a maintenant un
formulaire typeforme contenant avec des textes plus riches.

Enfin, les boutons de retours apparaissent en bas de l'écran
avec une petite animation qui attire l'oeil.
2018-05-04 15:03:16 +02:00

29 lines
696 B
JavaScript

import React, { Component } from 'react'
import withColours from './withColours'
import HoverDecorator from './HoverDecorator'
import './SatisfactionSmiley.css'
@withColours
@HoverDecorator
export default class SatisfactionSmiley extends Component {
render() {
return (
<button
onClick={() => this.props.onClick(this.props.text)}
className="satisfaction-smiley"
style={
this.props.hover
? {
background: this.props.colours.colour,
color: 'white',
borderColor: 'transparent'
}
: {
color: this.props.colours.colour,
borderColor: this.props.colours.colour
}
}>
{this.props.text}
</button>
)
}
}