diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts b/src/pages/ValidatorOnboarding/Advicsories/Advisories.stories.ts similarity index 69% rename from src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts rename to src/pages/ValidatorOnboarding/Advicsories/Advisories.stories.ts index 16b506e6..9c01f413 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts +++ b/src/pages/ValidatorOnboarding/Advicsories/Advisories.stories.ts @@ -1,17 +1,17 @@ import type { Meta, StoryObj } from '@storybook/react' import { withRouter } from 'storybook-addon-react-router-v6' -import Advicsories from './Advicsories' +import Advisories from './Advisories' const meta = { - title: 'ValidatorOnboarding/Advicsories', - component: Advicsories, + title: 'ValidatorOnboarding/Advisories', + component: Advisories, parameters: { layout: 'centered', }, tags: ['autodocs'], decorators: [withRouter], -} satisfies Meta +} satisfies Meta export default meta type Story = StoryObj diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx b/src/pages/ValidatorOnboarding/Advicsories/Advisories.tsx similarity index 98% rename from src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx rename to src/pages/ValidatorOnboarding/Advicsories/Advisories.tsx index 0c4516a4..c4d1a5f5 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx +++ b/src/pages/ValidatorOnboarding/Advicsories/Advisories.tsx @@ -8,7 +8,7 @@ type AdvisoryTopicsType = { [key: string]: string[] } -const Advicsories = () => { +const Advisories = () => { const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour') const isSameTitle = (title: string) => selectedTitle === title @@ -54,7 +54,7 @@ const Advicsories = () => { ) } -export default Advicsories +export default Advisories const unicodeNumbers = ['➀', '➁', '➂', '➃', '➄', '➅'] diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.css b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.css index dce276c2..5828631c 100644 --- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.css +++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.css @@ -47,7 +47,7 @@ left: 35%; } -[data-step="Advicsories"]::after { +[data-step="Advisories"]::after { left: 30%; } diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts index ee455a33..1db421b1 100644 --- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts +++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.stories.ts @@ -21,7 +21,7 @@ export const OverviewActive: Story = { }, } -export const AdvicsoriesActive: Story = { +export const AdvisoriesActive: Story = { args: { activeStep: 1, changeActiveStep: () => {}, diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx index 6c8ce64d..8aa130ce 100644 --- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx +++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx @@ -8,7 +8,7 @@ type FormStepperProps = { const steps = [ { label: 'Overview', subtitle: 'Get Started' }, - { label: 'Advicsories', subtitle: 'Understand your Duties' }, + { label: 'Advisories', subtitle: 'Understand your Duties' }, { label: 'Client Setup', subtitle: 'Execution & Consensus' }, { label: 'Validator Setup', subtitle: 'Validators & Withdrawal' }, { label: 'Key Generation', subtitle: 'Secure your Keypairs' }, diff --git a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx index c117cc75..835482a1 100644 --- a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx @@ -4,7 +4,7 @@ import Titles from '../../components/General/Titles' import { useState } from 'react' import Overview from './Overview/Overview' import KeyGeneration from './KeyGeneration/KeyGeneration' -import Advicsories from './Advicsories/Advicsories' +import Advisories from './Advisories/Advisories' import Activation from './Activation/Activation' import './layoutGradient.css' import ValidatorBoxWrapper from './ValidatorBoxWrapper/ValidatorBoxWrapper' @@ -51,7 +51,7 @@ const ValidatorOnboarding = () => { {activeStep === 0 && } - {activeStep === 1 && } + {activeStep === 1 && } {activeStep === 2 && } {activeStep === 3 && } {/* or for activeStep 3 */}