From 90292ba42ee94e7dcc07c528060cf3ce183a82bf Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Tue, 14 Jun 2022 11:25:36 +0200
Subject: [PATCH] add more user information to member sidebar

---
 .../src/components/member-sidebar/disconnect-dialog.tsx    | 2 +-
 .../src/components/member-sidebar/member-item.tsx          | 7 ++++++-
 .../src/components/member-sidebar/user-item.tsx            | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/status-react/src/components/member-sidebar/disconnect-dialog.tsx b/packages/status-react/src/components/member-sidebar/disconnect-dialog.tsx
index c29ac6b4..7b167e9c 100644
--- a/packages/status-react/src/components/member-sidebar/disconnect-dialog.tsx
+++ b/packages/status-react/src/components/member-sidebar/disconnect-dialog.tsx
@@ -20,7 +20,7 @@ export const DisconnectDialog = (props: Props) => {
         <Flex direction="column" align="center" gap="2">
           <Avatar size={64} />
           <Heading weight="600">{account.username}</Heading>
-          <Text color="gray">Chatkey: {account.chatKey}</Text>
+          <Text color="gray">Chatkey: {account.publicKey}</Text>
           <EmojiHash />
         </Flex>
       </Dialog.Body>
diff --git a/packages/status-react/src/components/member-sidebar/member-item.tsx b/packages/status-react/src/components/member-sidebar/member-item.tsx
index 814a25b5..a665ad6d 100644
--- a/packages/status-react/src/components/member-sidebar/member-item.tsx
+++ b/packages/status-react/src/components/member-sidebar/member-item.tsx
@@ -18,7 +18,12 @@ export const MemberItem = (props: Props) => {
 
   return (
     <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>
         <Flex align="center" gap={1}>
           <Text size="15" color="accent" truncate>
diff --git a/packages/status-react/src/components/member-sidebar/user-item.tsx b/packages/status-react/src/components/member-sidebar/user-item.tsx
index 6d9b7b45..a6e0d9a3 100644
--- a/packages/status-react/src/components/member-sidebar/user-item.tsx
+++ b/packages/status-react/src/components/member-sidebar/user-item.tsx
@@ -17,7 +17,7 @@ export const UserItem = (props: Props) => {
   return (
     <Flex align="center" justify="between">
       <Flex gap="2" align="center" css={{ height: 56 }}>
-        <Avatar size={32} />
+        <Avatar size={32} name={account.username} />
         <div>
           <Flex align="center" gap={1}>
             <Text size="15" color="accent">