Small fixes

Author: szuperaz

projects/stream-chat-angular/src/assets/i18n/en.ts

@@ -141,8 +141,8 @@ export const en = {
     'Suggest an option': 'Suggest an option',
     'Add a comment': 'Add a comment',
     'Update your comment': 'Update your comment',
-    'View {{count}} comments': 'View {{count}} comments',
-    'View {{count}} comment': 'View {{count}} comment',
+    'View {{ count }} comments': 'View {{ count }} comments',
+    'View {{ count }} comment': 'View {{ count }} comment',
     'View results': 'View results',
     'End vote': 'End vote',
     'After a poll is closed, no more votes can be cast':

projects/stream-chat-angular/src/lib/polls/poll-actions/add-option/add-option.component.html

@@ -5,7 +5,7 @@
     <div class="str-chat__dialog__title">
       {{ "streamChat.Suggest an option" | translate }}
     </div>
-    <form [formGroup]="formGroup" (ngSubmit)="addOption()">
+    <form [formGroup]="formGroup">
       <div class="str-chat__dialog__field">
         <input formControlName="text" id="text" type="text" />
         <div class="str-chat__form-field-error">
@@ -19,17 +19,17 @@
       <div class="str-chat__dialog__controls">
         <button
           class="str-chat__dialog__controls-button str-chat__dialog__controls-button--cancel"
-          onClick="{close}"
           type="button"
-          translate
           (click)="closeModal()"
+          (keyup.enter)="closeModal()"
         >
           {{ "streamChat.Cancel" | translate }}
         </button>
         <button
           class="str-chat__dialog__controls-button str-chat__dialog__controls-button--submit"
           type="submit"
-          translate
+          (click)="addOption()"
+          (keyup.enter)="addOption()"
           [disabled]="formGroup.invalid"
         >
           {{ "streamChat.Send" | translate }}

projects/stream-chat-angular/src/lib/polls/poll-actions/poll-actions.component.html

@@ -23,7 +23,11 @@
     </button>
   </ng-container>
   <ng-container *ngIf="allowAnswers && canVote && !isClosed">
-    <button class="str-chat__poll-action" (click)="modalOpened('addAnswer')">
+    <button
+      class="str-chat__poll-action"
+      (click)="modalOpened('addAnswer')"
+      (keyup.enter)="modalOpened('addAnswer')"
+    >
       <ng-container *ngIf="ownAnwer; else newAnswer">
         {{ "streamChat.Update your comment" | translate }}
       </ng-container>
@@ -34,7 +38,7 @@
   </ng-container>
   <ng-container *ngIf="answerCount > 0 && canQueryVotes">
     <button class="str-chat__poll-action" (click)="modalOpened('viewComments')">
-      {{ (answerCount === 1 ? "streamChat.View {{count}} comment" :
+      {{ (answerCount === 1 ? "streamChat.View {{ count }} comment" :
       "streamChat.View {{ count }} comments") | translate:{count: answerCount}
       }}
     </button>
@@ -78,7 +82,9 @@
 <ng-template #allOptions>
   <div class="str-chat__modal__poll-option-list str-chat-angular__poll-actions">
     <div class="str-chat__modal-header">
-      <div class="str-chat__modal-header__title" translate>Poll options</div>
+      <div class="str-chat__modal-header__title" translate>
+        streamChat.Poll options
+      </div>
     </div>
     <div class="str-chat__modal__poll-option-list__body">
       <div class="str-chat__modal__poll-option-list__title">{{ name }}</div>

projects/stream-chat-angular/src/lib/polls/poll-actions/poll-actions.component.ts

@@ -115,6 +115,7 @@ export class PollActionsComponent extends BasePollComponent {
     if (this.isModalOpen) {
       this.isModalOpen = false;
       this.messageService.modalOpenedForMessage.next(undefined);
+      this.markForCheck();
     }
   };