fix: Mention autocomplete in theme-v1

Author: szuperaz

projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.html

@@ -60,8 +60,8 @@
     <stream-avatar-placeholder
       data-testclass="avatar"
       class="str-chat__avatar str-chat__avatar--circle"
-      style="height: 56px"
-      [size]="56"
+      [style]="'height: ' + themeVersion === '2' ? 56 : 20 + 'px'"
+      [size]="themeVersion === '2' ? 56 : 20"
       [imageUrl]="item.image || item.user?.image"
       [name]="item.autocompleteLabel"
       type="user"
@@ -71,6 +71,6 @@
     <span data-testclass="username" class="str-chat__user-item--name">{{
       item.autocompleteLabel
     }}</span>
-    <div class="str-chat__user-item-at">@</div>
+    <div *ngIf="themeVersion === '2'" class="str-chat__user-item-at">@</div>
   </div>
 </ng-template>

projects/stream-chat-angular/src/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.ts

@@ -76,6 +76,7 @@ export class AutocompleteTextareaComponent
   commandAutocompleteItemTemplate:
     | TemplateRef<CommandAutocompleteListItemContext>
     | undefined;
+  themeVersion: '1' | '2';
   private readonly autocompleteKey = 'autocompleteLabel';
   private readonly mentionTriggerChar = '@';
   private readonly commandTriggerChar = '/';
@@ -165,6 +166,7 @@ export class AutocompleteTextareaComponent
       this.userMentionConfig,
       this.slashCommandConfig,
     ];
+    this.themeVersion = this.themeService.themeVersion;
   }
 
   ngOnChanges(changes: SimpleChanges): void {
@@ -241,7 +243,7 @@ export class AutocompleteTextareaComponent
   }
 
   private adjustTextareaHeight() {
-    if (this.themeService.themeVersion === '2') {
+    if (this.themeVersion === '2') {
       this.messageInput.nativeElement.style.height = '';
       this.messageInput.nativeElement.style.height = `${this.messageInput.nativeElement.scrollHeight}px`;
     }