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

17
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,6 +395,7 @@ export default function VerificationPage() {
setCheckedItems={setCheckedItems} setCheckedItems={setCheckedItems}
/> />
{!isOwner && (
<AgreeContainer <AgreeContainer
onClick={() => { onClick={() => {
setIsAgree(!isAgree); setIsAgree(!isAgree);
@ -398,7 +404,9 @@ export default function VerificationPage() {
<AgreeCheckBox type="checkbox" checked={isAgree} readOnly />I <AgreeCheckBox type="checkbox" checked={isAgree} readOnly />I
check that Osmo is required for this transaction check that Osmo is required for this transaction
</AgreeContainer> </AgreeContainer>
)}
{chainList.length > 0 && (
<ButtonContainer disabled={isRegisterButtonDisable}> <ButtonContainer disabled={isRegisterButtonDisable}>
<PrimaryButton <PrimaryButton
disabled={isRegisterButtonDisable} disabled={isRegisterButtonDisable}
@ -407,6 +415,7 @@ export default function VerificationPage() {
Register Register
</PrimaryButton> </PrimaryButton>
</ButtonContainer> </ButtonContainer>
)}
</ContentContainer> </ContentContainer>
)} )}
</MainContainer> </MainContainer>