status-im
/
status-web
mirror of https://github.com/status-im/status-web.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 9fbbe267b5
commit d6a5aa47a5
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
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