feat: add Left sidebar component

2023-09-18 10:12:44 +03:00 · 2023-09-18 10:12:44 +03:00 · 24e72e020d
parent c1c8c6b99f
commit 24e72e020d
1 changed files with 29 additions and 0 deletions
--- a/src/pages/Dashboard/LeftSidebar.tsx
+++ b/src/pages/Dashboard/LeftSidebar.tsx
@ -0,0 +1,29 @@
+import { IconButton } from '@status-im/components'
+import { NodeIcon } from '@status-im/icons'
+import { XStack, YStack } from 'tamagui'
+
+const LeftSidebar = () => {
+  return (
+    <YStack
+      space={'$4'}
+      minHeight={'100vh'}
+      background={'#FFF'}
+      style={{
+        padding: '8px',
+        borderTopLeftRadius: '16px',
+        borderBottomLeftRadius: '16px',
+        border: '1px solid #F0F2F5',
+      }}
+    >
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" />
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" disabled />
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" selected />
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" />
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" />
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" />
+      <IconButton icon={<NodeIcon size={20} />} variant="ghost" />
+    </YStack>
+  )
+}
+
+export default LeftSidebar