From a8e54d06409f49ab8de58181b1596ec97b2b69bb Mon Sep 17 00:00:00 2001
From: Mathieu Nayrolles <mathieu.nayrolles@gmail.com>
Date: Tue, 10 Jan 2017 10:49:00 -0500
Subject: [PATCH] feat(about): A buy us a beer link is now avalaible from the
 about page

Fixes #94
---
 src/pages/about/about.html | 6 ++++++
 src/pages/about/about.scss | 4 ++++
 src/pages/about/about.ts   | 5 +++++
 3 files changed, 15 insertions(+)

diff --git a/src/pages/about/about.html b/src/pages/about/about.html
index b54515d..8e9f221 100755
--- 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>
\ No newline at end of file
diff --git a/src/pages/about/about.scss b/src/pages/about/about.scss
index 1aa1290..09f425e 100755
--- 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%;
+		}
 	
 }
\ No newline at end of file
diff --git a/src/pages/about/about.ts b/src/pages/about/about.ts
index 2f3cc43..701d92d 100755
--- 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');
+    }
 }
\ No newline at end of file