From c86c064583fbc59076bcd91939b294871218ad9a Mon Sep 17 00:00:00 2001
From: Ivana Andersson <ivana.p.kostova@gmail.com>
Date: Tue, 26 Sep 2023 13:41:54 +0300
Subject: [PATCH] move right sidebar into its own folder

---
 src/pages/Dashboard/Dashboard.tsx             |  2 +-
 .../Dashboard/RightSideBar/RightSidebar.tsx   | 51 +++++++++++++++++++
 src/pages/Dashboard/RightSidebar.tsx          | 17 -------
 3 files changed, 52 insertions(+), 18 deletions(-)
 create mode 100644 src/pages/Dashboard/RightSideBar/RightSidebar.tsx
 delete mode 100644 src/pages/Dashboard/RightSidebar.tsx

diff --git a/src/pages/Dashboard/Dashboard.tsx b/src/pages/Dashboard/Dashboard.tsx
index 7da81e40..8d728ed9 100644
--- a/src/pages/Dashboard/Dashboard.tsx
+++ b/src/pages/Dashboard/Dashboard.tsx
@@ -1,7 +1,7 @@
 import { XStack, YStack } from 'tamagui'
 
 import LeftSidebar from './LeftSidebar'
-import RightSidebar from './RightSidebar'
+import RightSidebar from './RightSideBar/RightSidebar'
 import BasicInfoCards from './BasicInfoCards/BasicInfoCards'
 import AddCardsContainer from '../../components/General/AddCards/AddCardsContainer'
 import BalanceChartCard from './BalanceChartCard/BalanceChartCard'
diff --git a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
new file mode 100644
index 00000000..3457612c
--- /dev/null
+++ b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx
@@ -0,0 +1,51 @@
+import { Avatar, Tabs, Text } from '@status-im/components'
+import { XStack, YStack } from 'tamagui'
+import ValidatorListItem from './ValidatorListItem'
+// import { NodeIcon } from '@status-im/icons'
+
+const RightSidebar = () => {
+  return (
+    <YStack
+      space={'$4'}
+      minHeight={'100vh'}
+      background={'#FFF'}
+      style={{ padding: '8px', border: '1px solid #F0F2F5' }}
+    >
+      <XStack alignItems="center">
+        <Avatar type="user" size={32} name="Etherium Mainnet" />
+        <YStack pl="8px">
+          <Text size={15} weight={'semibold'}>
+            Etherium Mainnet
+          </Text>
+          <Text size={13}>0xb9d...c35</Text>
+        </YStack>
+      </XStack>
+
+      <Tabs defaultValue="active">
+        <Tabs.List size={32}>
+          <Tabs.Trigger type="default" value="active">
+            Active
+          </Tabs.Trigger>
+          <Tabs.Trigger type="default" value="pending">
+            Pending
+          </Tabs.Trigger>
+          <Tabs.Trigger type="default" value="inactive">
+            Inactive
+          </Tabs.Trigger>
+        </Tabs.List>
+        <Tabs.Content value="active">
+          <YStack>
+            <ValidatorListItem />
+            <ValidatorListItem />
+            <ValidatorListItem />
+            <ValidatorListItem />
+          </YStack>
+        </Tabs.Content>
+        <Tabs.Content value="pending"></Tabs.Content>
+        <Tabs.Content value="inactive"></Tabs.Content>
+      </Tabs>
+    </YStack>
+  )
+}
+
+export default RightSidebar
diff --git a/src/pages/Dashboard/RightSidebar.tsx b/src/pages/Dashboard/RightSidebar.tsx
deleted file mode 100644
index c1b5b0ee..00000000
--- a/src/pages/Dashboard/RightSidebar.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { SidebarMembers } from '@status-im/components'
-import { YStack } from 'tamagui'
-
-const RightSidebar = () => {
-  return (
-    <YStack
-      space={'$4'}
-      minHeight={'100vh'}
-      background={'#FFF'}
-      style={{ padding: '8px', border: '1px solid #F0F2F5' }}
-    >
-      <SidebarMembers />
-    </YStack>
-  )
-}
-
-export default RightSidebar