Commit f8bbeddf authored by isstuev's avatar isstuev

fix age filter reset

parent b29109c3
...@@ -32,6 +32,10 @@ type Props = { ...@@ -32,6 +32,10 @@ type Props = {
const DateInput = ({ value, onChange, placeholder, max }: { value: string; onChange: (value: string) => void; placeholder: string; max: string }) => { const DateInput = ({ value, onChange, placeholder, max }: { value: string; onChange: (value: string) => void; placeholder: string; max: string }) => {
const [ tempValue, setTempValue ] = React.useState(value ? dayjs(value).format('YYYY-MM-DD') : ''); const [ tempValue, setTempValue ] = React.useState(value ? dayjs(value).format('YYYY-MM-DD') : '');
React.useEffect(() => {
setTempValue(value ? dayjs(value).format('YYYY-MM-DD') : '');
}, [ value ]);
const handleChange = React.useCallback((event: ChangeEvent<HTMLInputElement>) => { const handleChange = React.useCallback((event: ChangeEvent<HTMLInputElement>) => {
setTempValue(event.target.value); setTempValue(event.target.value);
onChange(event.target.value); onChange(event.target.value);
...@@ -96,7 +100,7 @@ const AgeFilter = ({ value = defaultValue, handleFilterChange, onClose }: Props) ...@@ -96,7 +100,7 @@ const AgeFilter = ({ value = defaultValue, handleFilterChange, onClose }: Props)
<TableColumnFilter <TableColumnFilter
title="Set last duration" title="Set last duration"
isFilled={ Boolean(currentValue.from || currentValue.to || currentValue.age) } isFilled={ Boolean(currentValue.from || currentValue.to || currentValue.age) }
isTouched={ currentValue.age ? value.age !== currentValue.age : Boolean(currentValue.from && currentValue.to && !isEqual(currentValue, value)) } isTouched={ currentValue.age ? value.age !== currentValue.age : !isEqual(currentValue, value) }
onFilter={ onFilter } onFilter={ onFilter }
onReset={ onReset } onReset={ onReset }
hasReset hasReset
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment