Merge pull request #649 from GetStream/autoclose-custom-messageAction…

…sBoxTemplate fix: autoclose works for messageActionsBoxTemplate$
GetStream · Oct 3, 2024 · ea2fe37 · ea2fe37
2 parents 8e71821 + be8534c
commit ea2fe37
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/projects/customizations-example/src/app/icon/icon.component.ts b/projects/customizations-example/src/app/icon/icon.component.ts
@@ -31,9 +31,11 @@ export class IconComponent {
       'arrow-down': 'keyboard_arrow_down',
       'chat-bubble': 'chat',
       'audio-file': '',
-      play: '',
-      pause: '',
-      read: '',
+      play: 'play_arrow',
+      pause: 'pause',
+      read: 'done_all',
+      bin: 'delete',
+      mic: 'mic',
     };
 
     return map[this.icon!];

diff --git a/projects/stream-chat-angular/src/lib/message/message.component.html b/projects/stream-chat-angular/src/lib/message/message.component.html
@@ -107,18 +107,22 @@
               [message]="messageInput"
               [enabledActions]="enabledActions"
               [messageTextHtmlElement]="messageTextHtmlElement"
-              (click)="messageActionsBoxClicked(messageMenuFloat)"
             ></stream-message-actions-box>
           </ng-template>
           <ng-container>
-            <ng-container
-              *ngTemplateOutlet="
-                (customTemplatesService.messageActionsBoxTemplate$ | async) ||
-                  defaultMessageActionsBox;
-                context: getMessageActionsBoxContext()
-              "
+            <div
+              (click)="messageActionsBoxClicked(messageMenuFloat)"
+              (keyup.enter)="messageActionsBoxClicked(messageMenuFloat)"
             >
-            </ng-container>
+              <ng-container
+                *ngTemplateOutlet="
+                  (customTemplatesService.messageActionsBoxTemplate$ | async) ||
+                    defaultMessageActionsBox;
+                  context: getMessageActionsBoxContext()
+                "
+              >
+              </ng-container>
+            </div>
           </ng-container>
         </float-ui-content>
         <div