fix: add logs to autocomplete textarea

GetStream · Sep 3, 2024 · 6d41ab1 · 6d41ab1
1 parent b39761f
commit 6d41ab1
Showing 1 changed file with 30 additions and 2 deletions.
diff --git a/...at-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts b/...at-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts
@@ -200,13 +200,21 @@ export class AutocompleteTextareaComponent
     }
     if (changes.value && !this.value && this.messageInput) {
       this.messageInput.nativeElement.style.height = 'auto';
+      this.chatClientService.chatClient.logger(
+        'info',
+        '[Autocomplete textarea] Value reset, adjusting textarea height to auto'
+      );
       this.updateMentionedUsersFromText();
     } else if (
       changes.value &&
       this.value &&
       this.messageInput &&
       this.isViewInited
     ) {
+      this.chatClientService.chatClient.logger(
+        'info',
+        '[Autocomplete textarea] Value changed'
+      );
       setTimeout(() => {
         if (this.messageInput.nativeElement.scrollHeight > 0) {
           this.adjustTextareaHeight();
@@ -217,6 +225,10 @@ export class AutocompleteTextareaComponent
 
   ngAfterViewInit(): void {
     this.isViewInited = true;
+    this.chatClientService.chatClient.logger(
+      'info',
+      '[Autocomplete textarea] View inited'
+    );
     if (this.messageInput.nativeElement.scrollHeight > 0) {
       this.adjustTextareaHeight();
     }
@@ -251,6 +263,10 @@ export class AutocompleteTextareaComponent
 
   inputChanged() {
     this.valueChange.emit(this.messageInput.nativeElement.value);
+    this.chatClientService.chatClient.logger(
+      'info',
+      '[Autocomplete textarea] Input changed'
+    );
     this.adjustTextareaHeight();
   }
 
@@ -267,8 +283,20 @@ export class AutocompleteTextareaComponent
   }
 
   private adjustTextareaHeight() {
-    this.messageInput.nativeElement.style.height = '';
-    this.messageInput.nativeElement.style.height = `${this.messageInput.nativeElement.scrollHeight}px`;
+    const necessaryHeight = `${this.messageInput.nativeElement.scrollHeight}px`;
+    if (this.messageInput.nativeElement.style.height === necessaryHeight) {
+      this.chatClientService.chatClient.logger(
+        'info',
+        `[Autocomplete textarea] No need to adjust textarea height`
+      );
+    } else {
+      this.chatClientService.chatClient.logger(
+        'info',
+        `[Autocomplete textarea] Adjusting textarea height to ${necessaryHeight}`
+      );
+      this.messageInput.nativeElement.style.height = '';
+      this.messageInput.nativeElement.style.height = necessaryHeight;
+    }
   }
 
   private transliterate(s: string) {