<form novalidate [formGroup]="form" (ngSubmit)="formValidated()">
  <div class="avatar-and-textarea">
    <img [src]="getUserAvatarUrl()" alt="Avatar" />

    <div class="form-group">
      <textarea placeholder="Add comment..." formControlName="text" [ngClass]="{ 'input-error': formErrors['text'] }" #textarea>

      </textarea>
      <div *ngIf="formErrors.text" class="form-error">
        {{ formErrors.text }}
      </div>
    </div>
  </div>

  <div class="submit-comment">
    <button *ngIf="isAddButtonDisplayed()" [ngClass]="{ disabled: !form.valid }">
      Post comment
    </button>
  </div>
</form>
