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

🎨 Icône de changement de période

pull/386/head
Mael 2018-11-21 14:46:51 +00:00
parent 7d96e68404
commit 7740267984
2 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/components/PeriodSwitch.css
View File

@ -1,6 +1,8 @@
#PeriodSwitch {
text-align: center;
margin: 1em;
display: flex;
align-items: center;
justify-content: center;
}
#PeriodSwitch label {

33
source/components/PeriodSwitch.js
View File

@ -4,6 +4,7 @@ import { Field } from 'redux-form'
import './PeriodSwitch.css'
import { reduxForm } from 'redux-form'
import { compose } from 'ramda'
import emoji from 'react-easy-emoji'
export default compose(
reduxForm({
@ -15,24 +16,22 @@ export default compose(
)(function PeriodSwitch() {
return (
<div id="PeriodSwitch">
<>
<label>
<Field name="période" component="input" type="radio" value="mois" />
<span />
<span className="radioText">
<Trans>Mois</Trans>
</span>
</label>
<label>
<Field name="période" component="input" type="radio" value="mois" />
<span />
<span className="radioText">
<Trans>Mois</Trans>
</span>
</label>
<span style={{ fontSize: '1.5em' }}>{emoji('⏳')}</span>
<label>
<Field name="période" component="input" type="radio" value="année" />
<span />
<label>
<Field name="période" component="input" type="radio" value="année" />
<span />
<span className="radioText">
<Trans>Année</Trans>
</span>
</label>
</>
<span className="radioText">
<Trans>Année</Trans>
</span>
</label>
</div>
)
})