mirror of
https://github.com/betagouv/mon-entreprise
synced 2025-02-09 04:05:01 +00:00
6ea5dd0870
Le but de la refacto est de généraliser l'utilisation des hook Nombre de composants convertis: 52 Nombre de composants restants: 12 Il est possible de compter les composants class restants en utilisant grep "render()" L'occasion aussi de remplacer la dernière occurence de UNSAFE_componentWillMount
33 lines
695 B
JavaScript
33 lines
695 B
JavaScript
import React, { useState } from 'react'
|
|
import './PercentageField.css'
|
|
|
|
export default function PercentageField({ input, debounce }) {
|
|
const [localValue, setLocalValue] = useState(input?.value)
|
|
|
|
const debouncedOnChange = debounce
|
|
? debounce(debounce, input.onChange)
|
|
: input.onChange
|
|
|
|
const onChange = value => {
|
|
setLocalValue(value)
|
|
debouncedOnChange(value)
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
<input
|
|
className="range"
|
|
onChange={e => onChange(e.target.value)}
|
|
type="range"
|
|
value={localValue}
|
|
name="volume"
|
|
min="0"
|
|
step="0.05"
|
|
max="1"
|
|
/>
|
|
<span style={{ display: 'inline-block', width: '3em' }}>
|
|
{Math.round(localValue * 100)} %
|
|
</span>
|
|
</div>
|
|
)
|
|
}
|