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

format

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-10-06 14:11:19 +03:00
parent 6f16789932
commit 0cf376afd3
3 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ValidatorOnboarding/Advisories/Advisories.stories.ts
View File

@ -17,5 +17,8 @@ export default meta
type Story = StoryObj<typeof meta>
export const Default: Story = {
args: {advisoriesIcons: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'], subStepAdvisories: 0},
args: {
advisoriesIcons: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
subStepAdvisories: 0,
},
}

11
src/pages/ValidatorOnboarding/Advisories/Advisories.tsx
View File

@ -1,5 +1,5 @@
import { Text } from '@status-im/components'
import { useState, useEffect } from 'react'
import { useState, useEffect } from 'react'
import { Stack, XStack, YStack } from 'tamagui'
import AdvisoriesContent from './AdvisoriesContent'
@ -19,13 +19,12 @@ const Advisories = ({ advisoriesIcons, subStepAdvisories }: AdvisoriesProps) =>
setSelectedTitle(Object.keys(advisoryTopics)[subStepAdvisories])
}, [subStepAdvisories])
const isCurrent = (currentTitle: string): boolean => {
const topics = Object.keys(advisoryTopics);
const index = topics.indexOf(currentTitle);
return index <= subStepAdvisories ? true : false;
const topics = Object.keys(advisoryTopics)
const index = topics.indexOf(currentTitle)
return index <= subStepAdvisories ? true : false
}
return (
<XStack
style={{ padding: '30px 33px', justifyContent: 'space-between' }}

10
src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx
View File

@ -29,7 +29,7 @@ const ValidatorOnboarding = () => {
const [isConfirmPhraseStage, setIsConfirmPhraseStage] = useState(false)
const [subStepValidatorSetup, setSubStepValidatorSetup] = useState(0)
const [subStepAdvisories, setSubStepAdvisories] = useState(0);
const [subStepAdvisories, setSubStepAdvisories] = useState(0)
const { isCopyPastedPhrase, words } = useSelector((state: RootState) => state.keyGeneration)
const navigate = useNavigate()
@ -37,7 +37,9 @@ const ValidatorOnboarding = () => {
const [isAdvisoriesComplete, setIsAdvisoriesComplete] = useState(false)
const unicodeNumbers = ['➀', '➁', '➂', '➃', '➄', '➅']
const advisoriesIcon = unicodeNumbers.map((number, index) => index <= subStepAdvisories ? '✓' : number)
const advisoriesIcon = unicodeNumbers.map((number, index) =>
index <= subStepAdvisories ? '✓' : number,
)
const changeActiveStep = (step: number) => {
if (step < activeStep) {
@ -112,7 +114,9 @@ const ValidatorOnboarding = () => {
<FormStepper activeStep={activeStep} changeActiveStep={changeActiveStep} />
<ValidatorBoxWrapper>
{activeStep === 0 && <Overview />}
{activeStep === 1 && <Advisories advisoriesIcons={advisoriesIcon} subStepAdvisories={subStepAdvisories} />}
{activeStep === 1 && (
<Advisories advisoriesIcons={advisoriesIcon} subStepAdvisories={subStepAdvisories} />
)}
{activeStep === 2 && <ClientSetup />}
{activeStep === 3 && subStepValidatorSetup === 0 && <ValidatorSetup />}