From 00dc2d511b6023d3e7899fd6ee39c49c258f29f5 Mon Sep 17 00:00:00 2001
From: richard-loafle <44828666+richard-loafle@users.noreply.github.com>
Date: Wed, 22 Jan 2020 16:15:00 +0900
Subject: [PATCH] style of check ofr updates is modified

---
 .../native/components/top-bar.component.html       | 14 ++++++++++----
 .../native/components/top-bar.component.scss       |  4 ++++
 .../layouts/native/components/top-bar.component.ts |  4 +++-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
index 3be622ae..c4cf8803 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
+++ b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
@@ -310,8 +310,7 @@
   </div>
   <mat-divider></mat-divider>
   <div
-    class="setting"
-    style="padding: 0 16px;"
+    class="setting menu-item"
     [matMenuTriggerFor]="informationMenu"
     (click)="onClickCheckForUpdates($event)"
   >
@@ -434,7 +433,10 @@
 </mat-menu>
 
 <mat-menu #informationMenu="matMenu" (closed)="onClosedInformationMenu($event)">
-  <div class="version-info-container" (click)="$event.stopPropagation()">
+  <div
+    class="version-info-container menu-item"
+    (click)="$event.stopPropagation()"
+  >
     <div>
       <span>
         {{ 'information.installedVersion' | translate }}:{{ appVersion }}
@@ -457,7 +459,11 @@
           }}
         </span>
         <span>
-          <button mat-button (click)="onClickApplyUpdate($event)">
+          <button
+            *ngIf="checkingUpdateIsExist"
+            mat-button
+            (click)="onClickApplyUpdate($event)"
+          >
             {{ 'information.applyUpdates' | translate }}
           </button>
         </span>
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
index 8314652e..d5853970 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
@@ -293,6 +293,10 @@
   }
 }
 
+.menu-item {
+  padding: 0 16px;
+}
+
 .version-info-container {
   width: 250px;
 }
diff --git a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts
index b03ee6f8..8602978f 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts
@@ -549,6 +549,8 @@ export class TopBarComponent implements OnInit, OnDestroy {
   onClickApplyUpdate(event: Event) {
     this.nativeService
       .checkForUpdates(this.checkingUpdateAppVersion)
-      .then(e => {});
+      .then(e => {
+        this.logger.debug('onClickApplyUpdate');
+      });
   }
 }