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 more user information to member sidebar

This commit is contained in:
Pavel Prichodko 2022-06-14 11:25:36 +02:00
parent 6c970f74e2
commit 3f1c7bc9f7
No known key found for this signature in database
GPG Key ID: 8E4C82D464215E83
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/status-react/src/components/member-sidebar/disconnect-dialog.tsx
View File

@ -20,7 +20,7 @@ export const DisconnectDialog = (props: Props) => {
<Flex direction="column" align="center" gap="2"> <Flex direction="column" align="center" gap="2">
<Avatar size={64} /> <Avatar size={64} />
<Heading weight="600">{account.username}</Heading> <Heading weight="600">{account.username}</Heading>
<Text color="gray">Chatkey: {account.chatKey}</Text> <Text color="gray">Chatkey: {account.publicKey}</Text>
<EmojiHash /> <EmojiHash />
</Flex> </Flex>
</Dialog.Body> </Dialog.Body>

7
packages/status-react/src/components/member-sidebar/member-item.tsx
View File

@ -18,7 +18,12 @@ export const MemberItem = (props: Props) => {
return ( return (
<Flex gap="2" align="center" css={{ height: 56 }}> <Flex gap="2" align="center" css={{ height: 56 }}>
<Avatar size={32} indicator={indicator} colorHash={colorHash} /> <Avatar
size={32}
indicator={indicator}
name={username}
colorHash={colorHash}
/>
<div> <div>
<Flex align="center" gap={1}> <Flex align="center" gap={1}>
<Text size="15" color="accent" truncate> <Text size="15" color="accent" truncate>

2
packages/status-react/src/components/member-sidebar/user-item.tsx
View File

@ -17,7 +17,7 @@ export const UserItem = (props: Props) => {
return ( return (
<Flex align="center" justify="between"> <Flex align="center" justify="between">
<Flex gap="2" align="center" css={{ height: 56 }}> <Flex gap="2" align="center" css={{ height: 56 }}>
<Avatar size={32} /> <Avatar size={32} name={account.username} />
<div> <div>
<Flex align="center" gap={1}> <Flex align="center" gap={1}>
<Text size="15" color="accent"> <Text size="15" color="accent">