cerc-io/icns-frontend
10
0
Fork 0
forked from LaconicNetwork/icns-frontend
Code Pull Requests Actions Activity

Fix register button disable condition

Browse Source
This commit is contained in:
HeesungB 2022-12-17 22:23:22 +09:00
parent 278ff37129
commit 537e650c5e
1 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
pages/verification/index.tsx
View File

@ -340,10 +340,15 @@ export default function VerificationPage() {
} }
}; };
const isRegisterButtonDisable = const isRegisterButtonDisable = (() => {
checkedItems.size < 1 || const hasCheckedItem = checkedItems.size > 0;
(!isOwner && registeredChainList.length > 0) ||
!isAgree; if (isOwner) {
return !hasCheckedItem;
} else {
return !(isAgree && hasCheckedItem);
}
})();
return ( return (
<Container> <Container>
@ -390,23 +395,27 @@ export default function VerificationPage() {
setCheckedItems={setCheckedItems} setCheckedItems={setCheckedItems}
/> />
<AgreeContainer {!isOwner && (
onClick={() => { <AgreeContainer
setIsAgree(!isAgree); onClick={() => {
}} setIsAgree(!isAgree);
> }}
<AgreeCheckBox type="checkbox" checked={isAgree} readOnly />I
check that Osmo is required for this transaction
</AgreeContainer>
<ButtonContainer disabled={isRegisterButtonDisable}>
<PrimaryButton
disabled={isRegisterButtonDisable}
onClick={onClickRegistration}
> >
Register <AgreeCheckBox type="checkbox" checked={isAgree} readOnly />I
</PrimaryButton> check that Osmo is required for this transaction
</ButtonContainer> </AgreeContainer>
)}
{chainList.length > 0 && (
<ButtonContainer disabled={isRegisterButtonDisable}>
<PrimaryButton
disabled={isRegisterButtonDisable}
onClick={onClickRegistration}
>
Register
</PrimaryButton>
</ButtonContainer>
)}
</ContentContainer> </ContentContainer>
)} )}
</MainContainer> </MainContainer>