From 262459f1e14f7eb6dcd4ce64b13acd8f5fe8ad7f Mon Sep 17 00:00:00 2001
From: Tom Fong <tomfong.dev@gmail.com>
Date: Thu, 24 Nov 2022 11:28:27 +0800
Subject: [PATCH] feat: show rate the app on setting menu

---
 src/app/pages/setting/setting.page.html | 22 ++++++++++++++++++++++
 src/app/pages/setting/setting.page.ts   | 12 ++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/src/app/pages/setting/setting.page.html b/src/app/pages/setting/setting.page.html
index 033978e..48a8c9f 100644
--- a/src/app/pages/setting/setting.page.html
+++ b/src/app/pages/setting/setting.page.html
@@ -133,6 +133,28 @@
       </p>
     </ion-label>
   </ion-item>
+  <ion-item *ngIf="isAndroid" class="ion-no-padding ripple-parent" detail="false" lines="none"
+    (click)="rateAndroidApp()">
+    <ion-icon class="ion-margin-start ion-padding-horizontal" color="primary" name="logo-google-playstore"></ion-icon>
+    <ion-label>
+      <p class="ion-padding pre-line">
+        <ion-text [color]="env.colorTheme === 'light'? 'dark' : 'light'" style="font-size: large;">
+          {{ 'RATE_THE_APP' | translate }}
+        </ion-text>
+      </p>
+    </ion-label>
+  </ion-item>
+  <ion-item *ngIf="isIos" class="ion-no-padding ripple-parent" detail="false" lines="none"
+    (click)="rateIosApp()">
+    <ion-icon class="ion-margin-start ion-padding-horizontal" color="primary" name="logo-apple-appstore"></ion-icon>
+    <ion-label>
+      <p class="ion-padding pre-line">
+        <ion-text [color]="env.colorTheme === 'light'? 'dark' : 'light'" style="font-size: large;">
+          {{ 'RATE_THE_APP' | translate }}
+        </ion-text>
+      </p>
+    </ion-label>
+  </ion-item>
   <ion-item *ngIf="isAndroid" class="ion-no-padding ripple-parent" detail="false" lines="none"
     (click)="exitApp()">
     <ion-icon class="ion-margin-start ion-padding-horizontal" color="danger" name="exit"></ion-icon>
diff --git a/src/app/pages/setting/setting.page.ts b/src/app/pages/setting/setting.page.ts
index 15752d4..5b3cb0a 100644
--- a/src/app/pages/setting/setting.page.ts
+++ b/src/app/pages/setting/setting.page.ts
@@ -28,10 +28,22 @@ export class SettingPage {
     await SplashScreen.hide()
   }
 
+  get isIos(): boolean {
+    return this.platform.is('ios');
+  }
+
   get isAndroid(): boolean {
     return this.platform.is('android');
   }
 
+  rateAndroidApp() {
+    window.open(this.env.GOOGLE_PLAY_URL, '_system');
+  }
+
+  rateIosApp() {
+    window.open(this.env.APP_STORE_URL, '_system');
+  }
+
   setLanguage() {
     this.router.navigate(['setting-language']);
   }