feat(about): A buy us a beer link is now avalaible from the about page

Fixes #94
Toolwatchapp · Jan 10, 2017 · a8e54d0 · a8e54d0
1 parent be67e28
commit a8e54d0
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/src/pages/about/about.html b/src/pages/about/about.html
@@ -10,5 +10,11 @@ <h1> {{ 'about-why-tw-title' | translate }} </h1>
 <h1> {{ 'about-works-title' | translate }} </h1>
 <p> {{ 'about-works' | translate }}  </p>
 
+<button color="primary" (click)="buyUsBeer()" ion-button icon-left>
+	<ion-icon name="ios-beer-outline"></ion-icon>
+    {{ 'buy-us-beer' | translate }}
+</button>
+
+
 </ion-content>
 <footer-nav [user]="user"></footer-nav>
diff --git a/src/pages/about/about.scss b/src/pages/about/about.scss
@@ -33,5 +33,9 @@ ion-content#about{
 			width: 100%;
 			text-align: center;
 		}
+
+		button{
+			width: 100%;
+		}
 
 }
diff --git a/src/pages/about/about.ts b/src/pages/about/about.ts
@@ -1,6 +1,7 @@
 import {
     NavParams
 } from 'ionic-angular';
+import {InAppBrowser} from 'ionic-native';
 
 import {
     Component
@@ -31,4 +32,8 @@ export class AboutPage {
         GAService.screenview("ABOUT");
 		this.user = this.navParams.get('user');
 	}
+
+    buyUsBeer(){
+        new InAppBrowser('https://ko-fi.com/A872I1N', '_blank');
+    }
 }