Skip to content

Added ability to filter multisig addresses #30

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
TarasPotsikaylo wants to merge 4 commits into
base: staging
Choose a base branch
from
Open

Added ability to filter multisig addresses #30

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
81e68f2
Merge pull request #26 from ggxchain/staging
serkanyazici Sep 20, 2023
b99b8cf
Merge pull request #27 from ggxchain/staging
serkanyazici Sep 20, 2023
86aaee8
Merge pull request #28 from ggxchain/staging
uchu Sep 22, 2023
2d17615
Added ability to filter multisig addresses
TarasPotsikaylo Oct 5, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 7 additions & 15 deletions packages/react-components/src/InputAddressMulti/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,9 @@ function InputAddressMulti ({ available, availableLabel, className = '', default
const [_filter, setFilter] = useState<string>('');
const [selected, setSelected] = useState<string[]>([]);
const [extendedAvailable, setExtendedAvailable] = useState<string[]>(available);
const filter = useDebounce(_filter);
const u8a = isHex(_filter) && hexToU8a(_filter);
const isEthAddress = u8a && u8a.length === 20;
const filter = useDebounce(isEthAddress ? toAddress(_filter) : _filter) || '';
const isNextTick = useNextTick();
const { queueAction } = useQueue();

Expand All @@ -64,8 +66,6 @@ function InputAddressMulti ({ available, availableLabel, className = '', default
);

useEffect(() => {
const u8a = isHex(_filter) && hexToU8a(_filter);
const isEthAddress = u8a && u8a.length === 20;
let address;

if (isEthAddress) {
Expand All @@ -78,25 +78,17 @@ function InputAddressMulti ({ available, availableLabel, className = '', default
address = _filter;
}

if (address && extendedAvailable.includes(address)) {
queueAction({
action: '',
message: t('This address has already been added to the list'),
status: 'eventWarn'
});
}

if (address && !extendedAvailable.includes(address)) {
if (address && isEthAddress && !extendedAvailable.includes(address)) {
setExtendedAvailable([...extendedAvailable, address]);
setFilter('');

queueAction({
action: 'completed',
message: t('The address has been added to the list'),
status: 'success'
});
}

setFilter('');
}, [available, _filter, extendedAvailable, t, queueAction]);
}, [_filter, isEthAddress, extendedAvailable, t, queueAction]);

return (
<StyledDiv className={`${className} ui--InputAddressMulti`}>
Expand Down