diff --git a/src/pages/Dashboard/DashboardSidebar/AddValidatorButton.tsx b/src/pages/Dashboard/DashboardSidebar/AddValidatorButton.tsx new file mode 100644 index 00000000..2598b13e --- /dev/null +++ b/src/pages/Dashboard/DashboardSidebar/AddValidatorButton.tsx @@ -0,0 +1,31 @@ +import { Text } from '@status-im/components' +import { XStack, YStack } from 'tamagui' +import { AddSmallIcon } from '@status-im/icons' +const AddValidatorButton = () => { + return ( + + + + + Add Validator + + + + ) +} + +export default AddValidatorButton diff --git a/src/pages/Dashboard/DashboardSidebar/DashboardDiamondCard.tsx b/src/pages/Dashboard/DashboardSidebar/DashboardDiamondCard.tsx new file mode 100644 index 00000000..7641967d --- /dev/null +++ b/src/pages/Dashboard/DashboardSidebar/DashboardDiamondCard.tsx @@ -0,0 +1,38 @@ +import { Text } from '@status-im/components' +import { Stack, XStack, YStack } from 'tamagui' + +const DashboardDiamondCard = () => { + return ( + + + + 💎 Diamond Hands + + + + $0.00 + + + + 0% + + + . + + + $0 + + + + ) +} + +export default DashboardDiamondCard diff --git a/src/pages/Dashboard/DashboardSidebar/NodesList.tsx b/src/pages/Dashboard/DashboardSidebar/NodesList.tsx new file mode 100644 index 00000000..5a3adba3 --- /dev/null +++ b/src/pages/Dashboard/DashboardSidebar/NodesList.tsx @@ -0,0 +1,72 @@ +import { Text } from '@status-im/components' +import { DragIcon, StatusIcon, ChevronRightIcon } from '@status-im/icons' +import { Stack, Tooltip, XStack, YStack } from 'tamagui' +import Icon from '../../../components/General/Icon' + +const NodesList = () => { + return ( + + + Nodes + + + {Array.from(Array(3).keys()).map(e => { + return ( + + + + + + + Nickname {e} + + + Validators + + + + + + + + + + + + + + + + Client Name + + + Host Name + + + + + + + ) + })} + + + ) +} +export default NodesList