style of check ofr updates is modified

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"
+    class="setting menu-item"
-    style="padding: 0 16px;"
     [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>

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;
 }

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');
+      });
   }
 }