chat.component.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { MessageResponse, Channel } from 'stream-chat';

import { StreamService } from '../stream.service';
import { StateService } from '../state.service';

declare const feather: any;

@Component({
  selector: 'app-chat',
  templateUrl: './chat.component.html',
  styleUrls: ['./chat.component.scss'],
})

export class ChatComponent implements OnInit {
  constructor(
    public streamService: StreamService,
    private stateService: StateService,
    private router: Router
  ) {}

  messages: MessageResponse[] = [];
  message = '';
  channel: Channel;

  async sendMessage() {
    ...
  }

  getClasses(userId: string): { outgoing: boolean; incoming: boolean } {
    const userIdMatches = userId === this.streamService.currentUser.me.id;
    return {
      outgoing: userIdMatches,
      incoming: !userIdMatches,
    };
  }

  async ngOnInit() {
   ...
  }
}