status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-03 07:03:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: disabled continue button

Browse Source
This commit is contained in:
RadoslavDimchev 2023-10-08 19:49:15 +03:00
parent 9b58e13bac
commit a53fabc7c8
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/ValidatorOnboarding/ContinueButton.tsx
View File

@ -5,6 +5,7 @@ import { useSelector } from 'react-redux'
import { RootState } from '../../redux/store'
import LinkWithArrow from '../../components/General/LinkWithArrow'
import { useEffect, useState } from 'react'
type ContinueButton = {
continueHandler: () => void
@ -13,20 +14,25 @@ type ContinueButton = {
}
const ContinueButton = ({ continueHandler, activeStep, subStepValidatorSetup }: ContinueButton) => {
const [isDisabled, setIsDisabled] = useState(false)
const { isCopyPastedPhrase, mnemonic, validWords, isConfirmPhraseStage } = useSelector(
(state: RootState) => state.keyGeneration,
)
const isActivationValScreen = activeStep === 3 && subStepValidatorSetup === 3
const isDisabled = () => {
if (
(isConfirmPhraseStage && mnemonic.some(word => word === '')) ||
(isConfirmPhraseStage && validWords.some(w => w === false))
) {
return true
}
useEffect(() => {
const getDisabledButton = () => {
if (activeStep === 4 && isConfirmPhraseStage) {
if (mnemonic.some(word => word === '') || validWords.some(w => w === false)) {
return false
}
}
return false
}
setIsDisabled(getDisabledButton())
}, [activeStep, subStepValidatorSetup, isConfirmPhraseStage, mnemonic, validWords])
return (
<XStack
@ -55,7 +61,7 @@ const ContinueButton = ({ continueHandler, activeStep, subStepValidatorSetup }:
style={{ fontWeight: 'bold', zIndex: 999 }}
/>
)}
<Button onPress={continueHandler} size={40} disabled={isDisabled()}>
<Button onPress={continueHandler} size={40} disabled={isDisabled}>
{activeStep < 5 ? 'Continue' : 'Continue to Dashboard'}
</Button>
</XStack>