<div
  class="chat-message"
  [@slideUp]
  [class.chat-message-received]="message.type === 'received'"
  [class.chat-message-sent]="message.type === 'sent'"
  [@fadeIn]
>
  <div>
    <app-chat-widget-avatar
      [photoWidth]="40"
      [photoHeight]="40"
      *ngIf="message.type === 'received'"
      [photo]="consultant.photo"
      class="chat-message-from-avatar"
    ></app-chat-widget-avatar>

    <div
      *ngIf="!message.isURL"
      [innerHTML]="message.text | emojify | linkify"
      class="chat-message-text"
    ></div>
    <div *ngIf="message.isURL" class="chat-message-text">
      <img
        style="width: 100%;
              height: 100%;"
        src="{{ message.text }}"
      />
    </div>
  </div>
</div>