From ae9c70213e03311031ffbbdbd586afde6bc921dc Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sat, 23 Mar 2024 16:24:00 +0200
Subject: [PATCH] fix(manage-validator): add left side folder

---
 .../{ => LeftManageSide}/DepositStatus.tsx    |  0
 .../DepositStatusPieChart.tsx                 |  0
 .../DepositStepper.module.css                 |  0
 .../{ => LeftManageSide}/DepositStepper.tsx   |  4 +-
 .../{ => LeftManageSide}/Footer.tsx           |  2 +-
 .../{ => LeftManageSide}/Header.tsx           |  2 +-
 .../LeftManageSide/LeftManageSide.tsx         | 37 +++++++++++++++++++
 .../ValidatorDataTabs.tsx                     |  6 +--
 .../ManageValidatorTable/ValidatorTable.tsx   |  0
 .../ValidatorTableBody.tsx                    |  0
 .../ValidatorTableHeader.tsx                  |  4 +-
 .../ValidatorTableRow.tsx                     |  4 +-
 .../{ => LeftManageSide}/ValidatorBalance.tsx |  2 +-
 .../ValidatorDataCard.tsx                     |  2 +-
 .../ValidatorDataCards.tsx                    |  0
 .../ValidatorGraffiti.tsx                     |  0
 .../{ => LeftManageSide}/ValidatorInfo.tsx    |  4 +-
 .../ValidatorPeersCard.tsx                    |  0
 .../ValidatorSeettingsCards.tsx               |  0
 .../ValidatorSettingCard.tsx                  |  0
 .../ValidatorToolCard.tsx                     |  2 +-
 .../ValidatorToolsCards.tsx                   |  0
 src/pages/ManageValidator/ManageValidator.tsx | 33 ++---------------
 23 files changed, 56 insertions(+), 46 deletions(-)
 rename src/pages/ManageValidator/{ => LeftManageSide}/DepositStatus.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/DepositStatusPieChart.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/DepositStepper.module.css (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/DepositStepper.tsx (96%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/Footer.tsx (94%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/Header.tsx (87%)
 create mode 100644 src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx
 rename src/pages/ManageValidator/{ => LeftManageSide}/ManageValidatorTable/ValidatorDataTabs.tsx (87%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ManageValidatorTable/ValidatorTable.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ManageValidatorTable/ValidatorTableBody.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ManageValidatorTable/ValidatorTableHeader.tsx (84%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ManageValidatorTable/ValidatorTableRow.tsx (84%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorBalance.tsx (95%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorDataCard.tsx (96%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorDataCards.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorGraffiti.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorInfo.tsx (91%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorPeersCard.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorSeettingsCards.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorSettingCard.tsx (100%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorToolCard.tsx (93%)
 rename src/pages/ManageValidator/{ => LeftManageSide}/ValidatorToolsCards.tsx (100%)

diff --git a/src/pages/ManageValidator/DepositStatus.tsx b/src/pages/ManageValidator/LeftManageSide/DepositStatus.tsx
similarity index 100%
rename from src/pages/ManageValidator/DepositStatus.tsx
rename to src/pages/ManageValidator/LeftManageSide/DepositStatus.tsx
diff --git a/src/pages/ManageValidator/DepositStatusPieChart.tsx b/src/pages/ManageValidator/LeftManageSide/DepositStatusPieChart.tsx
similarity index 100%
rename from src/pages/ManageValidator/DepositStatusPieChart.tsx
rename to src/pages/ManageValidator/LeftManageSide/DepositStatusPieChart.tsx
diff --git a/src/pages/ManageValidator/DepositStepper.module.css b/src/pages/ManageValidator/LeftManageSide/DepositStepper.module.css
similarity index 100%
rename from src/pages/ManageValidator/DepositStepper.module.css
rename to src/pages/ManageValidator/LeftManageSide/DepositStepper.module.css
diff --git a/src/pages/ManageValidator/DepositStepper.tsx b/src/pages/ManageValidator/LeftManageSide/DepositStepper.tsx
similarity index 96%
rename from src/pages/ManageValidator/DepositStepper.tsx
rename to src/pages/ManageValidator/LeftManageSide/DepositStepper.tsx
index 6ec9d0c8..545bccec 100644
--- a/src/pages/ManageValidator/DepositStepper.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/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/Footer.tsx b/src/pages/ManageValidator/LeftManageSide/Footer.tsx
similarity index 94%
rename from src/pages/ManageValidator/Footer.tsx
rename to src/pages/ManageValidator/LeftManageSide/Footer.tsx
index be0542d4..85737b33 100644
--- a/src/pages/ManageValidator/Footer.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/Footer.tsx
@@ -2,7 +2,7 @@ import { Text as TextStat } from '@status-im/components'
 
 import { Text, XStack } from 'tamagui'
 import { ExternalIcon } from '@status-im/icons'
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 const Footer = () => {
   return (
     <XStack
diff --git a/src/pages/ManageValidator/Header.tsx b/src/pages/ManageValidator/LeftManageSide/Header.tsx
similarity index 87%
rename from src/pages/ManageValidator/Header.tsx
rename to src/pages/ManageValidator/LeftManageSide/Header.tsx
index 84518340..260858f9 100644
--- a/src/pages/ManageValidator/Header.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/Header.tsx
@@ -1,5 +1,5 @@
 import { XStack } from 'tamagui'
-import Titles from '../../components/General/Titles'
+import Titles from '../../../components/General/Titles'
 import { PopupIcon } from '@status-im/icons'
 const Header = () => {
   return (
diff --git a/src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx b/src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx
new file mode 100644
index 00000000..8cc24fee
--- /dev/null
+++ b/src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx
@@ -0,0 +1,37 @@
+import { Stack, YStack } from 'tamagui'
+
+import Header from './Header'
+import ValidatorInfo from './ValidatorInfo'
+import DepositStatus from './DepositStatus'
+import ValidatorBalance from './ValidatorBalance'
+import ValidatorDataCards from './ValidatorDataCards'
+import ValidatorSettingsCards from './ValidatorSeettingsCards'
+import ValidatorGraffiti from './ValidatorGraffiti'
+import ValidatorDataTabs from './ManageValidatorTable/ValidatorDataTabs'
+import Footer from './Footer'
+
+const LeftManageSide = () => {
+  return (
+    <Stack
+      width={'50%'}
+      maxWidth="50%"
+      flexGrow={1}
+      space={'$2'}
+      style={{ borderRight: '1px solid #DCE0E5' }}
+    >
+      <Header />
+      <YStack backgroundColor="#F4F6FE" space={'$3'}>
+        <ValidatorInfo />
+        <DepositStatus />
+        <ValidatorBalance />
+      </YStack>
+      <ValidatorDataCards />
+      <ValidatorSettingsCards />
+      <ValidatorGraffiti />
+      <ValidatorDataTabs />
+      <Footer />
+    </Stack>
+  )
+}
+
+export default LeftManageSide
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorDataTabs.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorDataTabs.tsx
similarity index 87%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorDataTabs.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorDataTabs.tsx
index ca6078dd..494d518c 100644
--- a/src/pages/ManageValidator/ManageValidatorTable/ValidatorDataTabs.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorDataTabs.tsx
@@ -1,11 +1,11 @@
 import { Stack } from 'tamagui'
-import { MANAGE_VALIDATOR_TABS } from '../../../constants'
+import { MANAGE_VALIDATOR_TABS } from '../../../../constants'
 import ValidatorTable from './ValidatorTable'
 import { Tabs } from '@status-im/components'
 import { useDispatch, useSelector } from 'react-redux'
 
-import { RootState } from '../../../redux/store'
-import { setCurrentTab } from '../../../redux/ManageValidatorTab/slice'
+import { RootState } from '../../../../redux/store'
+import { setCurrentTab } from '../../../../redux/ManageValidatorTab/slice'
 
 const ValidatorDataTabs = () => {
   const dispatch = useDispatch()
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTable.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTable.tsx
similarity index 100%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTable.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTable.tsx
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableBody.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableBody.tsx
similarity index 100%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTableBody.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableBody.tsx
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableHeader.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableHeader.tsx
similarity index 84%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTableHeader.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableHeader.tsx
index 40339e21..5c33ac7d 100644
--- a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableHeader.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableHeader.tsx
@@ -1,7 +1,7 @@
 import { Text } from '@status-im/components'
 import { useSelector } from 'react-redux'
-import { RootState } from '../../../redux/store'
-import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../constants'
+import { RootState } from '../../../../redux/store'
+import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../../constants'
 
 const ValidatorTableHeader = () => {
   const currentTab = useSelector(
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableRow.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableRow.tsx
similarity index 84%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTableRow.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableRow.tsx
index 60ef7ba0..4ccfac25 100644
--- a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableRow.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableRow.tsx
@@ -1,7 +1,7 @@
 import { Text } from '@status-im/components'
-import { RootState } from '../../../redux/store'
+import { RootState } from '../../../../redux/store'
 import { useSelector } from 'react-redux'
-import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../constants'
+import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../../constants'
 
 const ValidatorTableRow = () => {
   const currentTab = useSelector(
diff --git a/src/pages/ManageValidator/ValidatorBalance.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorBalance.tsx
similarity index 95%
rename from src/pages/ManageValidator/ValidatorBalance.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorBalance.tsx
index 13b272d0..b1490e5a 100644
--- a/src/pages/ManageValidator/ValidatorBalance.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorBalance.tsx
@@ -1,6 +1,6 @@
 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 (
diff --git a/src/pages/ManageValidator/ValidatorDataCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorDataCard.tsx
similarity index 96%
rename from src/pages/ManageValidator/ValidatorDataCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorDataCard.tsx
index 8ac16733..5e714a87 100644
--- a/src/pages/ManageValidator/ValidatorDataCard.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorDataCard.tsx
@@ -1,6 +1,6 @@
 import { Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 
 type ValidatorDataCardProps = {
   title: string
diff --git a/src/pages/ManageValidator/ValidatorDataCards.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorDataCards.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorDataCards.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorDataCards.tsx
diff --git a/src/pages/ManageValidator/ValidatorGraffiti.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorGraffiti.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorGraffiti.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorGraffiti.tsx
diff --git a/src/pages/ManageValidator/ValidatorInfo.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorInfo.tsx
similarity index 91%
rename from src/pages/ManageValidator/ValidatorInfo.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorInfo.tsx
index 8231e938..4ed5a61c 100644
--- a/src/pages/ManageValidator/ValidatorInfo.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorInfo.tsx
@@ -1,8 +1,8 @@
 import { XStack, YStack } from 'tamagui'
-import ValidatorNameAddress from '../../components/General/ValidatorNameAddress'
+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 Icon from '../../../components/General/Icon'
 const ValidatorInfo = () => {
   return (
     <XStack space={'$2'} padding="30px" justifyContent="space-between">
diff --git a/src/pages/ManageValidator/ValidatorPeersCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorPeersCard.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorPeersCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorPeersCard.tsx
diff --git a/src/pages/ManageValidator/ValidatorSeettingsCards.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorSeettingsCards.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorSeettingsCards.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorSeettingsCards.tsx
diff --git a/src/pages/ManageValidator/ValidatorSettingCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorSettingCard.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorSettingCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorSettingCard.tsx
diff --git a/src/pages/ManageValidator/ValidatorToolCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorToolCard.tsx
similarity index 93%
rename from src/pages/ManageValidator/ValidatorToolCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorToolCard.tsx
index 3c105bd6..cd7eb2ed 100644
--- a/src/pages/ManageValidator/ValidatorToolCard.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorToolCard.tsx
@@ -1,7 +1,7 @@
 import { Stack, YStack } from 'tamagui'
 import { Text } from '@status-im/components'
 
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 
 type ValidatorToolCardProps = {
   name: string
diff --git a/src/pages/ManageValidator/ValidatorToolsCards.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorToolsCards.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorToolsCards.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorToolsCards.tsx
diff --git a/src/pages/ManageValidator/ManageValidator.tsx b/src/pages/ManageValidator/ManageValidator.tsx
index dc6543e2..9dcbd2a0 100644
--- a/src/pages/ManageValidator/ManageValidator.tsx
+++ b/src/pages/ManageValidator/ManageValidator.tsx
@@ -1,17 +1,8 @@
-import { XStack, YStack } from 'tamagui'
-import { Stack } from 'tamagui'
+import { XStack } from 'tamagui'
 
 import LeftSidebar from '../../components/General/LeftSidebar/LeftSidebar'
 import RightManageSettings from './RightManageSettings/RightManageSettings'
-import ValidatorInfo from './ValidatorInfo'
-import DepositStatus from './DepositStatus'
-import Header from './Header'
-import ValidatorBalance from './ValidatorBalance'
-import ValidatorDataCards from './ValidatorDataCards'
-import ValidatorDataTabs from './ManageValidatorTable/ValidatorDataTabs'
-import ValidatorGraffiti from './ValidatorGraffiti'
-import Footer from './Footer'
-import ValidatorSettingsCards from './ValidatorSeettingsCards'
+import LeftManageSide from './LeftManageSide/LeftManageSide'
 
 const ManageValidator = () => {
   return (
@@ -24,25 +15,7 @@ const ManageValidator = () => {
           flexGrow: 1,
         }}
       >
-        <Stack
-          width={'50%'}
-          maxWidth="50%"
-          flexGrow={1}
-          space={'$2'}
-          style={{ borderRight: '1px solid #DCE0E5' }}
-        >
-          <Header />
-          <YStack backgroundColor="#F4F6FE" space={'$3'}>
-            <ValidatorInfo />
-            <DepositStatus />
-            <ValidatorBalance />
-          </YStack>
-          <ValidatorDataCards />
-          <ValidatorSettingsCards />
-          <ValidatorGraffiti />
-          <ValidatorDataTabs />
-          <Footer />
-        </Stack>
+        <LeftManageSide />
         <RightManageSettings />
       </XStack>
     </XStack>