betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

🎨 Affichage du 'page utile ?' sur mobile

indeps-refactor-simulations
Mael 2019-01-15 18:59:48 +01:00
parent 4582a6516b
commit f229bcb6ca
2 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/components/Feedback/Feedback.css
View File

@ -1,5 +1,7 @@
.feedback-page {
align-items: flex-start;
display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 0.6rem !important;
}

31
source/components/Feedback/PageFeedback.js
View File

@ -95,26 +95,29 @@ class PageFeedback extends Component<Props, State> {
<div className="feedback-page ui__ container notice">
{!this.state.showForm && !this.state.showThanks && (
<>
<div style={{ flex: 1 }}>
<div>
{this.props.customMessage || (
<Trans i18nKey="feedback.question">
Cette page vous a-t-elle été utile ?
Cette page vous est utile ?
</Trans>
)}{' '}
<button
style={{ marginLeft: '0.4rem' }}
className="ui__ link-button"
onClick={() => this.handleFeedback({ useful: true })}>
<Trans>Oui</Trans>
</button>{' '}
<button
style={{ marginLeft: '0.4rem' }}
className="ui__ link-button"
onClick={() => this.handleFeedback({ useful: false })}>
<Trans>Non</Trans>
</button>
<div style={{ display: 'inline-block' }}>
<button
style={{ marginLeft: '0.4rem' }}
className="ui__ link-button"
onClick={() => this.handleFeedback({ useful: true })}>
<Trans>Oui</Trans>
</button>{' '}
<button
style={{ marginLeft: '0.4rem' }}
className="ui__ link-button"
onClick={() => this.handleFeedback({ useful: false })}>
<Trans>Non</Trans>
</button>
</div>
</div>
<button
style={{ textAlign: 'right' }}
className="ui__ link-button"
onClick={this.handleErrorReporting}>
<Trans i18nKey="feedback.reportError">