docs: update closeMenu method in responsive guide

Author: szuperaz

docusaurus/docs/Angular/code-examples/responsive-layout.mdx

@@ -204,20 +204,14 @@ Lastly, implement auto close behavior for the channel list:
 
 ```html
 <stream-channel-list
-  (click)="closeMenu()"
+  (click)="closeMenu($event)"
   class="channel-list menu-{{ isMenuOpen ? 'open' : 'close' }}"
 ></stream-channel-list>
 ```
 
 ```ts
-closeMenu() {
-  let isChannelQueryInProgress = false;
-  this.channelService.channelQueryState$.pipe(take(1)).subscribe((state) => {
-    if (state?.state === 'in-progress') {
-      isChannelQueryInProgress = true;
-    }
-  });
-  if (!isChannelQueryInProgress) {
+closeMenu(event: Event) {
+  if ((event.target as HTMLElement).closest('stream-channel-preview')) {
     this.isMenuOpen = false;
   }
 }

projects/sample-app/src/app/app.component.html

@@ -3,9 +3,9 @@
     class="channel-list menu-{{ isMenuOpen ? 'open' : 'close' }} thread-{{
       isThreadOpen ? 'open' : 'close'
     }}"
-    (click)="closeMenu()"
+    (click)="closeMenu($event)"
   ></stream-channel-list>
-  <stream-channel class="channel" (click)="closeMenu()">
+  <stream-channel class="channel" (click)="closeMenu($event)">
     <stream-channel-header>
       <button
         class="menu-button"

projects/sample-app/src/app/app.component.ts

@@ -5,7 +5,7 @@ import {
   ViewChild,
 } from '@angular/core';
 import { Observable } from 'rxjs';
-import { map, take } from 'rxjs/operators';
+import { map } from 'rxjs/operators';
 import {
   ChatClientService,
   ChannelService,
@@ -77,14 +77,8 @@ export class AppComponent implements AfterViewInit {
     );
   }
 
-  closeMenu() {
-    let isChannelQueryInProgress = false;
-    this.channelService.channelQueryState$.pipe(take(1)).subscribe((state) => {
-      if (state?.state === 'in-progress') {
-        isChannelQueryInProgress = true;
-      }
-    });
-    if (!isChannelQueryInProgress) {
+  closeMenu(event: Event) {
+    if ((event.target as HTMLElement).closest('stream-channel-preview')) {
       this.isMenuOpen = false;
     }
   }