Merge pull request #349 from GetStream/message-fix

fix: Message component throws error if chatClient is not defined

Author: szuperaz

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

@@ -7,6 +7,7 @@ import {
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { TranslateModule } from '@ngx-translate/core';
+import { of } from 'rxjs';
 import { Channel } from 'stream-chat';
 import { AvatarPlaceholderComponent } from '../avatar-placeholder/avatar-placeholder.component';
 import { AvatarComponent } from '../avatar/avatar.component';
@@ -51,7 +52,10 @@ describe('MessageListComponent', () => {
         { provide: ChannelService, useValue: channelServiceMock },
         {
           provide: ChatClientService,
-          useValue: { chatClient: { user: mockCurrentUser() } },
+          useValue: {
+            chatClient: { user: mockCurrentUser() },
+            user$: of(mockCurrentUser()),
+          },
         },
       ],
     });

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

@@ -20,6 +20,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { ChannelService } from '../channel.service';
 import { SimpleChange } from '@angular/core';
 import { AvatarPlaceholderComponent } from '../avatar-placeholder/avatar-placeholder.component';
+import { of } from 'rxjs';
 
 describe('MessageComponent', () => {
   let component: MessageComponent;
@@ -74,7 +75,10 @@ describe('MessageComponent', () => {
       providers: [
         {
           provide: ChatClientService,
-          useValue: { chatClient: { user: currentUser } },
+          useValue: {
+            chatClient: { user: currentUser },
+            user$: of(currentUser),
+          },
         },
         {
           provide: ChannelService,

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

@@ -82,11 +82,12 @@ export class MessageComponent implements OnInit, OnChanges, OnDestroy {
     private channelService: ChannelService,
     private customTemplatesService: CustomTemplatesService,
     private cdRef: ChangeDetectorRef
-  ) {
-    this.user = this.chatClientService.chatClient.user;
-  }
+  ) {}
 
   ngOnInit(): void {
+    this.subscriptions.push(
+      this.chatClientService.user$.subscribe((u) => (this.user = u))
+    );
     this.subscriptions.push(
       this.customTemplatesService.mentionTemplate$.subscribe(
         (template) => (this.mentionTemplate = template)