status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add Left sidebar component

This commit is contained in:
Ivana Andersson 2023-09-18 10:12:44 +03:00
parent c1c8c6b99f
commit 24e72e020d
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/Dashboard/LeftSidebar.tsx Normal file
View File

@ -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