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

add Button to sidebar

This commit is contained in:
Pavel Prichodko 2023-01-18 16:46:11 +01:00
parent f814f1e0a2
commit 183b4a66dd
No known key found for this signature in database
GPG Key ID: 8E4C82D464215E83
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/components/src/sidebar/sidebar.tsx
View File

@ -5,6 +5,7 @@ import { Stack } from '@tamagui/core'
import { Accordion } from '../accordion/accordion' import { Accordion } from '../accordion/accordion'
import { AccordionItem } from '../accordion/accordionItem' import { AccordionItem } from '../accordion/accordionItem'
import { Avatar } from '../avatar' import { Avatar } from '../avatar'
import { Button } from '../button'
// import { Button } from '../button' // import { Button } from '../button'
import { Basketball, Collaboration, Fire, Peach, Play, Unicorn } from '../emoji' import { Basketball, Collaboration, Fire, Peach, Play, Unicorn } from '../emoji'
import { Group } from '../icon' import { Group } from '../icon'
@ -229,7 +230,7 @@ const Sidebar = (props: Props) => {
borderTopRightRadius={20} borderTopRightRadius={20}
zIndex={10} zIndex={10}
> >
<Stack paddingHorizontal={16}> <Stack paddingHorizontal={16} paddingBottom={16}>
<Stack marginTop={-32} marginBottom={12}> <Stack marginTop={-32} marginBottom={12}>
<Avatar <Avatar
withOutline withOutline
@ -243,6 +244,8 @@ const Sidebar = (props: Props) => {
<Group color="$neutral-100" size={16} /> <Group color="$neutral-100" size={16} />
<Paragraph ml={8}>{membersCount}</Paragraph> <Paragraph ml={8}>{membersCount}</Paragraph>
</Stack> </Stack>
<Button>Join community</Button>
</Stack> </Stack>
{COMMUNITIES.map(community => ( {COMMUNITIES.map(community => (
<Accordion <Accordion