Merge pull request #293 from GetStream/avatar-fix

fix: id fallback fall channel member names in avatar

Author: szuperaz

docusaurus/docs/Angular/components/ChannelPreviewComponent.mdx

@@ -1,4 +1,4 @@
-The `ChannelPreview` component displays a channel preview in the channel list, it consists of the image, name and latest message of the channel.
+The `ChannelPreview` component displays a channel preview in the channel list, it consists of the image, name (or list of members if name isn't defined) and latest message of the channel.
 
 ## Customization
 

projects/stream-chat-angular/src/lib/avatar/avatar.component.spec.ts

@@ -150,6 +150,10 @@ describe('AvatarComponent', () => {
 
     expect(component.initials).toBe('J');
 
+    delete channel.state.members['otheruser'].user!.name;
+
+    expect(component.initials).toBe('o');
+
     channel.state.members = {
       otheruser: {
         user_id: 'otheruser',

projects/stream-chat-angular/src/lib/avatar/avatar.component.ts

@@ -63,8 +63,7 @@ export class AvatarComponent {
           (m) => m.user_id !== this.chatClientService.chatClient.user?.id
         );
         if (otherMembers.length === 1) {
-          result =
-            otherMembers[0].user?.name || otherMembers[0].user?.name || '';
+          result = otherMembers[0].user?.name || otherMembers[0].user?.id || '';
         } else {
           result = '#';
         }