From c71e2d4c489773ab1d16583ec81ea17a1c84e651 Mon Sep 17 00:00:00 2001
From: gofnnp <fbicha1234@gmail.com>
Date: Fri, 13 Jan 2023 03:02:49 +0400
Subject: [PATCH] =?UTF-8?q?dev=20#13538=20=D0=BF=D1=80=D0=B0=D0=B2=D0=BA?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/directives/download-app.directive.ts  | 65 ++++++++++++-------
 .../app/pages/account/account.component.html  |  2 +-
 .../app/pages/account/account.component.scss  |  4 ++
 3 files changed, 48 insertions(+), 23 deletions(-)

diff --git a/angular/src/app/directives/download-app.directive.ts b/angular/src/app/directives/download-app.directive.ts
index 8ce6c16..2eaf8a1 100644
--- a/angular/src/app/directives/download-app.directive.ts
+++ b/angular/src/app/directives/download-app.directive.ts
@@ -19,33 +19,54 @@ export class DownloadAppDirective implements OnInit {
     public renderer: Renderer2,
     private el: ElementRef
   ) {
-    setTimeout(() => {
-      this.renderer.listen('window', 'beforeinstallprompt', (e) => {
-        e.preventDefault();
-        console.log('#: ', e);
-        this.deferredPrompt = e;
-  
-      });
-      this.renderer.listen('window', 'appinstalled', (evt) => {
-        console.log('INSTALLED!!!');
-      });
-      this.getTypeDevice();
+    // setTimeout(() => {
+    //   this.renderer.listen('window', 'beforeinstallprompt', (e) => {
+    //     e.preventDefault();
+    //     console.log('#: ', e);
+    //     this.deferredPrompt = e;
+    //   });
+    //   this.renderer.listen('window', 'appinstalled', (evt) => {
+    //     console.log('INSTALLED!!!');
+    //   });
+    //   this.getTypeDevice();
+    // }, 0);
+    // if (
+    //   (this.deviceType == 'android' && this.deferredPrompt) ||
+    //   this.deviceType == 'ios'
+    // ) {
+    //   console.log(this.deviceType);
+    //   console.log(this.deferredPrompt);
 
-    }, 0)
-    if (
-      !(
-        (this.deviceType == 'android' && this.deferredPrompt) ||
-        this.deviceType == 'ios'
-      )
-    ) {
-      console.log(this.deviceType);
-      console.log(this.deferredPrompt);
+    //   this.el.nativeElement.style.display = 'block';
+    // }
+  }
 
-      this.el.nativeElement.style.display = 'none';
+  ngOnInit(): void {
+    this.getTypeDevice()
+    if (this.deviceType === 'ios') {
+      this.el.nativeElement.style.display = 'block';
+    }
+  }
+
+  @HostListener('window:beforeinstallprompt', ['$event'])
+  onBeforeInstallPrompt(e: any) {
+    console.log(e);
+    e.preventDefault();
+    this.deferredPrompt = e;
+  }
+
+  @HostListener('window:appinstalled', ['$event'])
+  onAppInstalled(e: any) {
+    console.log(e);
+    // Prevent Chrome 67 and earlier from automatically showing the prompt
+    e.preventDefault();
+    // Stash the event so it can be triggered later.
+    this.deferredPrompt = e;
+    if (this.deferredPrompt) {
+      this.el.nativeElement.style.display = 'block';
     }
   }
 
-  ngOnInit(): void {}
 
   getTypeDevice() {
     const userAgent = window.navigator.userAgent.toLowerCase();
diff --git a/angular/src/app/pages/account/account.component.html b/angular/src/app/pages/account/account.component.html
index b687b60..39afb06 100644
--- a/angular/src/app/pages/account/account.component.html
+++ b/angular/src/app/pages/account/account.component.html
@@ -57,7 +57,7 @@
         </li>
       </ng-container>
       <li
-        class="woocommerce-MyAccount-navigation-link"
+        class="woocommerce-MyAccount-navigation-link download-app"
         appDownloadApp
       >
         <div class="container">
diff --git a/angular/src/app/pages/account/account.component.scss b/angular/src/app/pages/account/account.component.scss
index e9ffa76..97cf42f 100644
--- a/angular/src/app/pages/account/account.component.scss
+++ b/angular/src/app/pages/account/account.component.scss
@@ -44,6 +44,10 @@
             // border-radius: 7px 0 0 7px;
           }
 
+          &.download-app {
+            display: none;
+          }
+
           .container {
             display: flex;
             align-items: center;