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: remove window width from stepper

Browse Source
This commit is contained in:
RadoslavDimchev 2024-01-18 18:55:50 +02:00
parent 66f051e7d4
commit 47ed76a0f2
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
View File

@ -7,19 +7,19 @@ import './FormStepper.css'
type FormStepperProps = { type FormStepperProps = {
activeStep: number activeStep: number
windowWidth: number
} }
const FormStepper = ({ activeStep, windowWidth }: FormStepperProps) => { const FormStepper = ({ activeStep }: FormStepperProps) => {
const dispatch = useDispatch() const dispatch = useDispatch()
const isStepVisible = (index: number) => { const isStepVisible = (index: number) => {
if (windowWidth < 740) { // if (windowWidth < 1025) {
const start = Math.max(0, activeStep - 1) // const start = activeStep - 1
const end = Math.min(FORM_STEPS.length - 1, activeStep + 1) // const end = Math.min(FORM_STEPS.length - 1, activeStep + 1)
return index >= start && index <= end // return index >= start && index <= end
} else { // } else {
return true return true
} // }
} }
const changeStepOnClickHandler = (index: number) => { const changeStepOnClickHandler = (index: number) => {

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

@ -54,7 +54,7 @@ const ValidatorOnboarding = () => {
titleSize={19} titleSize={19}
subtitle="Earn Rewards for securing the Ethereum Network" subtitle="Earn Rewards for securing the Ethereum Network"
/> />
<FormStepper activeStep={activeStep} windowWidth={windowWidth} /> <FormStepper activeStep={activeStep} />
<ValidatorBoxWrapper> <ValidatorBoxWrapper>
{activeStep === 0 && <Overview />} {activeStep === 0 && <Overview />}
{activeStep === 1 && <Advisories />} {activeStep === 1 && <Advisories />}