From ecb33fe6026539b2d0cd8aab7df410747a9773c8 Mon Sep 17 00:00:00 2001
From: leejinho <lilis7575@gmail.com>
Date: Wed, 1 Apr 2020 16:17:43 +0900
Subject: [PATCH] =?UTF-8?q?bugfix=20=EB=8C=80=EB=A9=94=EB=89=B4=EA=B0=84?=
 =?UTF-8?q?=20=EB=B9=A0=EB=A5=B4=EA=B2=8C=20=EC=9D=B4=EB=8F=99=EC=8B=9C=20?=
 =?UTF-8?q?=EB=A0=89=EA=B1=B8=EB=A6=AC=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layouts/messenger/components/left-nav.component.ts    | 5 +++--
 .../messenger/components/main-contents.component.html     | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts
index ce1b693b..f5186c01 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-nav.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit, OnDestroy, Inject } from '@angular/core';
 import { NGXLogger } from 'ngx-logger';
 import { ucapAnimations } from '@ucap-webmessenger/ui';
-import { Observable, Subscribable, Subscription } from 'rxjs';
+import { Observable, Subscribable, Subscription, timer } from 'rxjs';
 import { Store, select } from '@ngrx/store';
 
 import * as AppStore from '@app/store';
@@ -9,7 +9,7 @@ import * as MessageStore from '@app/store/messenger/message';
 import * as SettingsStore from '@app/store/messenger/settings';
 import { MatTabChangeEvent } from '@angular/material/tabs';
 import { MainMenu } from '@app/types';
-import { tap, map } from 'rxjs/operators';
+import { tap, map, debounce } from 'rxjs/operators';
 import { UCAP_NATIVE_SERVICE, NativeService } from '@ucap-webmessenger/native';
 
 @Component({
@@ -69,6 +69,7 @@ export class LeftNaviComponent implements OnInit, OnDestroy {
 
     this.gnbMenuIndexSubscription = this.store
       .pipe(select(AppStore.MessengerSelector.SettingsSelector.gnbMenuIndex))
+      .pipe(debounce(() => timer(300)))
       .subscribe(index => {
         switch (index) {
           case MainMenu.Group:
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/main-contents.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/main-contents.component.html
index 2b871b0e..13b680d5 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/main-contents.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/main-contents.component.html
@@ -5,13 +5,13 @@
 ></app-layout-messenger-intro>
 
 <app-layout-messenger-messages
-  *ngIf="
-    !!this.selectedChat &&
-    (this.gnbMenuIndex$ | async) !== MainMenu.Organization
-  "
+  *ngIf="!!this.selectedChat"
   (openProfile)="onClickOpenProfile($event)"
   (closeRightDrawer)="onCloseRightDrawer()"
   (sendCall)="onClickSendClickToCall($event)"
+  [style.display]="
+    MainMenu.Organization !== (this.gnbMenuIndex$ | async) ? 'flex' : 'none'
+  "
 ></app-layout-messenger-messages>
 <!-- 아래와 같이 display 효과를 쓰려면 block 대산 flex 사용. (화면 전환이 매끄럽지만 스크롤이 그대로인 문제 있음.) -->
 <app-layout-messenger-organization