diff --git a/src/pages/ManageValidator/LeftManage/LeftManage.tsx b/src/pages/ManageValidator/LeftManage/LeftManage.tsx index c2f80e89..b19df375 100644 --- a/src/pages/ManageValidator/LeftManage/LeftManage.tsx +++ b/src/pages/ManageValidator/LeftManage/LeftManage.tsx @@ -9,7 +9,7 @@ import ValidatorSettingsCards from './ValidatorSettingsCards' import ValidatorGraffiti from './ValidatorGraffiti' import ValidatorDataTabs from './ManageValidatorTable/ValidatorDataTabs' import Footer from './Footer' -import ValidatorBlueSection from './ValidatorBlueSection' +import ValidatorBlueSection from './ValidatorBlueSection/ValidatorBlueSection' const LeftManage = () => { const [isVisibleWarning, setIsVisibleWarning] = useState(true) diff --git a/src/pages/ManageValidator/LeftManage/DepositStatus.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.tsx similarity index 99% rename from src/pages/ManageValidator/LeftManage/DepositStatus.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.tsx index 6df0ef10..22c87838 100644 --- a/src/pages/ManageValidator/LeftManage/DepositStatus.tsx +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.tsx @@ -55,4 +55,5 @@ const DepositStatus = () => { ) } + export default DepositStatus diff --git a/src/pages/ManageValidator/LeftManage/DepositStatusPieChart.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatusPieChart.tsx similarity index 100% rename from src/pages/ManageValidator/LeftManage/DepositStatusPieChart.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatusPieChart.tsx diff --git a/src/pages/ManageValidator/LeftManage/DepositStepper.module.css b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.module.css similarity index 100% rename from src/pages/ManageValidator/LeftManage/DepositStepper.module.css rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.module.css diff --git a/src/pages/ManageValidator/LeftManage/DepositStepper.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.tsx similarity index 95% rename from src/pages/ManageValidator/LeftManage/DepositStepper.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.tsx index b60548ec..872484a4 100644 --- a/src/pages/ManageValidator/LeftManage/DepositStepper.tsx +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.tsx @@ -1,7 +1,7 @@ import { Stepper, Step } from 'react-form-stepper' import { useNavigate } from 'react-router-dom' -import { DepositStatusSteps, FORM_STEPS } from '../../../constants' -import { useWindowSize } from '../../../hooks/useWindowSize' +import { DepositStatusSteps, FORM_STEPS } from '../../../../../constants' +import { useWindowSize } from '../../../../../hooks/useWindowSize' import styles from './DepositStepper.module.css' type DepositStepperProps = { activeStep: number diff --git a/src/pages/ManageValidator/LeftManage/ValidatorBalance.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBalance.tsx similarity index 86% rename from src/pages/ManageValidator/LeftManage/ValidatorBalance.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBalance.tsx index b1490e5a..9e213f7d 100644 --- a/src/pages/ManageValidator/LeftManage/ValidatorBalance.tsx +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBalance.tsx @@ -1,6 +1,7 @@ import { Text } from '@status-im/components' import { Stack, XStack, YStack } from 'tamagui' -import Icon from '../../../components/General/Icon' + +import Icon from '../../../../components/General/Icon' const ValidatorBalance = () => { return ( @@ -32,8 +33,8 @@ const ValidatorBalance = () => { $0 USD - - + + ) diff --git a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection.stories.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBlueSection.stories.tsx similarity index 100% rename from src/pages/ManageValidator/LeftManage/ValidatorBlueSection.stories.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBlueSection.stories.tsx diff --git a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBlueSection.tsx similarity index 86% rename from src/pages/ManageValidator/LeftManage/ValidatorBlueSection.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBlueSection.tsx index 4199c3af..8f5ec8e2 100644 --- a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection.tsx +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorBlueSection.tsx @@ -1,7 +1,7 @@ import { YStack } from 'tamagui' import ValidatorInfo from './ValidatorInfo' -import DepositStatus from './DepositStatus' +import DepositStatus from './DepositStatus/DepositStatus' import ValidatorBalance from './ValidatorBalance' const ValidatorBlueSection = () => { diff --git a/src/pages/ManageValidator/LeftManage/ValidatorInfo.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx similarity index 91% rename from src/pages/ManageValidator/LeftManage/ValidatorInfo.tsx rename to src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx index 4ed5a61c..59ce2c55 100644 --- a/src/pages/ManageValidator/LeftManage/ValidatorInfo.tsx +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx @@ -1,8 +1,10 @@ import { XStack, YStack } from 'tamagui' -import ValidatorNameAddress from '../../../components/General/ValidatorNameAddress' import { Avatar, Text } from '@status-im/components' import { ChevronLeftIcon, ChevronRightIcon } from '@status-im/icons' -import Icon from '../../../components/General/Icon' + +import ValidatorNameAddress from '../../../../components/General/ValidatorNameAddress' +import Icon from '../../../../components/General/Icon' + const ValidatorInfo = () => { return (