diff --git a/src/pages/Dashboard/RightSideBar/AlertsList.tsx b/src/pages/Dashboard/RightSideBar/AlertsList.tsx new file mode 100644 index 00000000..22a2af6b --- /dev/null +++ b/src/pages/Dashboard/RightSideBar/AlertsList.tsx @@ -0,0 +1,38 @@ +import { InformationBox, Text } from '@status-im/components' +import { XStack, YStack } from 'tamagui' +import { CloseCircleIcon, ChevronRightIcon } from '@status-im/icons' + +const AlertsList = () => { + return ( + + + + Alerts + +
+ +
+
+ } + variant="default" + onClosePress={() => alert('dismissed')} + /> + } + variant="information" + onClosePress={() => alert('dismissed')} + /> + } + variant="error" + onClosePress={() => alert('dismissed')} + /> +
+ ) +} + +export default AlertsList diff --git a/src/pages/Dashboard/RightSideBar/LogsList.tsx b/src/pages/Dashboard/RightSideBar/LogsList.tsx new file mode 100644 index 00000000..222a94cb --- /dev/null +++ b/src/pages/Dashboard/RightSideBar/LogsList.tsx @@ -0,0 +1,35 @@ +import { InformationBox, Text } from '@status-im/components' +import { XStack, YStack } from 'tamagui' +import { CloseCircleIcon, ChevronRightIcon } from '@status-im/icons' + +const LogsList = () => { + return ( + + + + Logs + +
+ +
+
+ } + variant="default" + /> + } + variant="default" + /> + } + variant="default" + /> +
+ ) +} + +export default LogsList diff --git a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx index c3e49d27..e6af43f8 100644 --- a/src/pages/Dashboard/RightSideBar/RightSidebar.tsx +++ b/src/pages/Dashboard/RightSideBar/RightSidebar.tsx @@ -1,9 +1,10 @@ -import { Avatar, InformationBox, Tabs, Text } from '@status-im/components' +import { Avatar, Tabs, Text } from '@status-im/components' import { XStack, YStack } from 'tamagui' import ValidatorListItem from './ValidatorListItem' -import { CloseCircleIcon, ChevronRightIcon } from '@status-im/icons' import AddCard from '../../../components/General/AddCards/AddCard' import ValidatorsList from './ValidatorsList' +import AlertsList from './AlertsList' +import LogsList from './LogsList' const RightSidebar = () => { return ( @@ -22,14 +23,28 @@ const RightSidebar = () => { 0xb9d...c35 + - + Diamond Hands + + $0.00 + + @@ -53,60 +68,9 @@ const RightSidebar = () => { - - - - Alerts - -
- -
-
- } - variant="default" - onClosePress={() => alert('dismissed')} - /> - } - variant="information" - onClosePress={() => alert('dismissed')} - /> - } - variant="error" - onClosePress={() => alert('dismissed')} - /> -
+ - - - - Logs - -
- -
-
- } - variant="default" - /> - } - variant="default" - /> - } - variant="default" - /> -
+ ) }