From d53913c14403758f560072adc384f5ff8a38c213 Mon Sep 17 00:00:00 2001
From: Zita Szupera <szuperaz@gmail.com>
Date: Wed, 18 Sep 2024 11:12:57 +0200
Subject: [PATCH] fix: channel list mispositioned bottom content placeholder

---
 package-lock.json                                  | 14 +++++++-------
 package.json                                       |  2 +-
 .../lib/channel-list/channel-list.component.html   |  2 +-
 .../src/lib/channel-list/channel-list.component.ts |  9 +--------
 4 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1f735dce..7045f57f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@ctrl/ngx-emoji-mart": "^8.2.0",
         "@floating-ui/dom": "^1.6.3",
         "@ngx-translate/core": "^14.0.0",
-        "@stream-io/stream-chat-css": "4.19.0",
+        "@stream-io/stream-chat-css": "5.0.1",
         "@stream-io/transliterate": "^1.5.2",
         "angular-mentions": "1.4.0",
         "dayjs": "^1.11.10",
@@ -4967,9 +4967,9 @@
       "dev": true
     },
     "node_modules/@stream-io/stream-chat-css": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@stream-io/stream-chat-css/-/stream-chat-css-4.19.0.tgz",
-      "integrity": "sha512-aab4IoM5ZmCcmzg4r76084ArFHwma6CBrp0yjh5CMLy7bUoHru/3JvHKD5xZAVs2N4tGK+i2zKirhFfea7nOoQ=="
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@stream-io/stream-chat-css/-/stream-chat-css-5.0.1.tgz",
+      "integrity": "sha512-L4KSekmkN5W8Oqvp4NWlizdxGdvHXyrqp7ntnvM0NTYbda5OOlAQq96eeaPrMBPxNdytMDJwzv4L28/hmvXTMQ=="
     },
     "node_modules/@stream-io/transliterate": {
       "version": "1.5.2",
@@ -27135,9 +27135,9 @@
       "dev": true
     },
     "@stream-io/stream-chat-css": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@stream-io/stream-chat-css/-/stream-chat-css-4.19.0.tgz",
-      "integrity": "sha512-aab4IoM5ZmCcmzg4r76084ArFHwma6CBrp0yjh5CMLy7bUoHru/3JvHKD5xZAVs2N4tGK+i2zKirhFfea7nOoQ=="
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@stream-io/stream-chat-css/-/stream-chat-css-5.0.1.tgz",
+      "integrity": "sha512-L4KSekmkN5W8Oqvp4NWlizdxGdvHXyrqp7ntnvM0NTYbda5OOlAQq96eeaPrMBPxNdytMDJwzv4L28/hmvXTMQ=="
     },
     "@stream-io/transliterate": {
       "version": "1.5.2",
diff --git a/package.json b/package.json
index 77e30dea..7710684f 100644
--- a/package.json
+++ b/package.json
@@ -113,7 +113,7 @@
     "@ctrl/ngx-emoji-mart": "^8.2.0",
     "@floating-ui/dom": "^1.6.3",
     "@ngx-translate/core": "^14.0.0",
-    "@stream-io/stream-chat-css": "4.19.0",
+    "@stream-io/stream-chat-css": "5.0.1",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "1.4.0",
     "dayjs": "^1.11.10",
diff --git a/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.html b/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.html
index 2ce0998b..62e770ec 100644
--- a/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.html
+++ b/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.html
@@ -1,7 +1,7 @@
 <div
   #container
   data-testid="channel-list-container"
-  class="str-chat str-chat__channel-list str-chat-channel-list messaging str-chat__theme-{{
+  class="str-chat str-chat-angular__channel-list str-chat__channel-list str-chat-channel-list messaging str-chat__theme-{{
     theme$ | async
   }}"
 >
diff --git a/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.ts b/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.ts
index 98789593..4c76eb73 100644
--- a/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.ts
+++ b/projects/stream-chat-angular/src/lib/channel-list/channel-list.component.ts
@@ -1,10 +1,4 @@
-import {
-  Component,
-  ElementRef,
-  OnDestroy,
-  TemplateRef,
-  ViewChild,
-} from '@angular/core';
+import { Component, OnDestroy, TemplateRef } from '@angular/core';
 import { Observable, Subscription } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { Channel } from 'stream-chat';
@@ -30,7 +24,6 @@ export class ChannelListComponent implements OnDestroy {
   customChannelPreviewTemplate: TemplateRef<ChannelPreviewContext> | undefined;
   theme$: Observable<string>;
   subscriptions: Subscription[] = [];
-  @ViewChild('container') private container!: ElementRef<HTMLElement>;
 
   constructor(
     private channelService: ChannelService,