Disable Apply button when things are up to date or if selected addresses is empty

This commit is contained in:
Aurora Lahtela 2024-03-28 20:15:40 +02:00
parent 1bb9437ed2
commit e8515915cd
2 changed files with 3 additions and 2 deletions

View File

@ -19,7 +19,6 @@ const AddressListCard = ({n, group, editGroup, allAddresses, remove}) => {
}
}, [selectedIndexes, group, allAddresses])
const isUpToDate = group.addresses === allAddresses.filter((a, i) => selectedIndexes.includes(i));
const applySelected = useCallback(() => {
editGroup({...group, addresses: allAddresses.filter((a, i) => selectedIndexes.includes(i))})
}, [editGroup, group, allAddresses, selectedIndexes]);
@ -30,6 +29,8 @@ const AddressListCard = ({n, group, editGroup, allAddresses, remove}) => {
if (!editingName && name !== group.name) editName(name);
}, [editName, editingName, name])
const selectedAddresses = allAddresses.filter((a, i) => selectedIndexes.includes(i));
const isUpToDate = !selectedIndexes.length || selectedAddresses.length === group.addresses.length && selectedAddresses.every((a, i) => a === group.addresses[i]);
return (
<Card>
<CardHeader icon={faList} color={"amber"} label={

View File

@ -26,7 +26,7 @@ const JoinAddressGraphCard = ({identifier}) => {
let colors = ['#4ab4de'];
const dataByGroup = [];
for (const group of list) {
for (const group of list.filter(group => group.addresses.length)) {
const {data, error} = await fetchJoinAddressByDay(updateRequested, group.addresses, identifier);
if (error) {
setLoadingError(error);