evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

block ReloadButton while fetching

Browse Source
This commit is contained in:
vchikalkin 2023-05-07 14:37:57 +03:00
parent fdf795b47d
commit a01f99315b
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/Components/Calculation/Form/ELT/Components/ReloadButton.tsx
View File

@ -7,12 +7,17 @@ import { ReloadOutlined } from 'ui/elements/icons';
export const ReloadButton = observer( export const ReloadButton = observer(
({ storeSelector, onClick }: { onClick: () => void; storeSelector: StoreSelector }) => { ({ storeSelector, onClick }: { onClick: () => void; storeSelector: StoreSelector }) => {
const { $tables } = useStore(); const { $tables } = useStore();
const { validation } = storeSelector($tables.elt); const { validation, getRows: rows } = storeSelector($tables.elt);
const hasErrors = validation.hasErrors; const hasErrors = validation.hasErrors;
return ( return (
<Button onClick={onClick} disabled={hasErrors} shape="circle" icon={<ReloadOutlined />} /> <Button
onClick={onClick}
disabled={hasErrors || rows.some((x) => x.status === 'fetching')}
shape="circle"
icon={<ReloadOutlined />}
/>
); );
} }
); );