Fix emoji (#106)

phucan1108 · Oct 30, 2023 · 0abd008 · 0abd008
1 parent f695a1e
commit 0abd008
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/...p/modules/portal/modules/chat/components/chat-box-content/chat-box-content.component.html b/...p/modules/portal/modules/chat/components/chat-box-content/chat-box-content.component.html
@@ -103,9 +103,9 @@ <h6 style="margin-bottom: 0px;">{{roomName}}</h6>
                     <mat-icon>attach_file</mat-icon>
                     <input class="file-input-overlay" type="file" #fileInput (change)="onFileChange($event)">
                 </button>
-                <button mat-icon-button color="primary" matTooltip="{{ 'chat.chatBoxContent.icon.tooltip' | translate }}" [matTooltipPosition]="'above'">
+                <button mat-icon-button color="primary" (click)="changeEmojiToggle()" matTooltip="{{ 'chat.chatBoxContent.icon.tooltip' | translate }}" [matTooltipPosition]="'above'">
                     <mat-icon style="cursor: pointer;">mood</mat-icon>
-                    <div (click)="toggled = !toggled" [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'top'"
+                    <div [emojiPickerIf]="toggled" [emojiPickerDirection]="'top'"
                         (emojiPickerSelect)="emotionPicked($event)" class="field-full-width overlay-emotion">
                     </div>
                 </button>

diff --git a/...app/modules/portal/modules/chat/components/chat-box-content/chat-box-content.component.ts b/...app/modules/portal/modules/chat/components/chat-box-content/chat-box-content.component.ts
@@ -252,6 +252,10 @@ export class ChatBoxContentComponent implements OnInit, OnDestroy, AfterViewInit
             (this.formGroup.controls.text.value ? this.formGroup.controls.text.value : '') + $event.char)
     }
 
+    changeEmojiToggle(){
+        this.toggled = !this.toggled
+    }
+
     getMediaFileUrl(fileUrl: string){
         console.log('Hit media url', this.mediaBaseUrl + fileUrl)
         return this.mediaBaseUrl + fileUrl 

diff --git a/...portal/src/app/modules/thirdparties/emoji-picker/directives/emoji-picker-api.directive.ts b/...portal/src/app/modules/thirdparties/emoji-picker/directives/emoji-picker-api.directive.ts
@@ -38,6 +38,7 @@ export class EmojiPickerApiDirective {
 
 
   @Input('emojiPickerIf') set emojiPickerIf(condition: boolean) {
+    console.log('Hit Emoji Picker If', condition)
     this._emojiPickerOpenState.next(condition);
   }
   @Output('emojiPickerIfChange') emojiPickerIfEmitter = new EventEmitter<boolean>();