Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[SSE] Fix re-render FilterOptions

Browse source
This commit is contained in:
ShimaginAndrey 2021-08-16 16:55:24 +03:00
parent 238512f1ed
commit 2a43b5935d
1 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/spreadsheeteditor/mobile/src/view/FilterOptions.jsx
View file

@ -6,17 +6,11 @@ import { Device } from '../../../../common/mobile/utils/device';
const FilterOptions = (props) => { const FilterOptions = (props) => {
const { t } = useTranslation(); const { t } = useTranslation();
const _t = t('View.Edit', {returnObjects: true}); const _t = t('View.Edit', {returnObjects: true});
let is_all_checked = props.listVal.every(item => item.check);
useEffect(() => {
const is_all_checked = props.listVal.every(item => item.check);
setAll(is_all_checked);
});
const [all, setAll] = useState(false);
const HandleClearFilter = () => { const HandleClearFilter = () => {
is_all_checked = true;
props.onClearFilter(); props.onClearFilter();
setAll(true);
props.onUpdateCell('all', true); props.onUpdateCell('all', true);
}; };
@ -51,7 +45,7 @@ const FilterOptions = (props) => {
<ListButton color="red" onClick={() => props.onDeleteFilter()} id="btn-delete-filter">{_t.textDeleteFilter}</ListButton> <ListButton color="red" onClick={() => props.onDeleteFilter()} id="btn-delete-filter">{_t.textDeleteFilter}</ListButton>
</List> </List>
<List> <List>
<ListItem className='radio-checkbox-item' onChange={e => props.onUpdateCell('all', e.target.checked)} name='filter-cellAll' checkbox checked={all}>{_t.textSelectAll}</ListItem> <ListItem className='radio-checkbox-item' onChange={e => props.onUpdateCell('all', e.target.checked)} name='filter-cellAll' checkbox checked={is_all_checked}>{_t.textSelectAll}</ListItem>
{props.listVal.map((value) => {props.listVal.map((value) =>
<ListItem className='radio-checkbox-item' onChange={e => props.onUpdateCell(value.id, e.target.checked)} key={value.value} name='filter-cell' value={value.value} title={value.cellvalue} checkbox checked={value.check} /> <ListItem className='radio-checkbox-item' onChange={e => props.onUpdateCell(value.id, e.target.checked)} key={value.value} name='filter-cell' value={value.value} title={value.cellvalue} checkbox checked={value.check} />
)} )}