From 4095394982fdd70a8142439e2f38161739396c2d Mon Sep 17 00:00:00 2001
From: Daniel Levitt <daniel.levitt@guardian.co.uk>
Date: Tue, 3 Nov 2015 13:41:41 +0000
Subject: [PATCH 1/2] Add Android version of Kakapo

---
 website/src/react-native/showcase.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/website/src/react-native/showcase.js b/website/src/react-native/showcase.js
index 34e2e2bdc..af5daf449 100644
--- a/website/src/react-native/showcase.js
+++ b/website/src/react-native/showcase.js
@@ -127,7 +127,13 @@ var apps = [
     author: 'HS Schaaf',
   },
   {
-    name: 'Kakapo',
+    name: 'Kakapo - Android',
+    icon: 'https://lh3.googleusercontent.com/xDc0D136JB8IvRsct9u4VTGh4nK1QwsZSRuEe-UxWd_JFtvNTrcaO5fEhcj4rGxv60pX=w300-rw',
+    link: 'https://play.google.com/store/apps/details?id=com.kakaponative',
+    author: 'Daniel Levitt',
+  },
+  {
+    name: 'Kakapo - iOS',
     icon: 'http://a2.mzstatic.com/eu/r30/Purple3/v4/12/ab/2a/12ab2a01-3a3c-9482-b8df-ab38ad281165/icon175x175.png',
     link: 'https://itunes.apple.com/gb/app/kakapo/id1046673139?ls=1&mt=8',
     author: 'Daniel Levitt',

From 3cd677cd8e7cc85b96adf784dfeea003e92c244d Mon Sep 17 00:00:00 2001
From: Daniel Levitt <daniel.levitt@guardian.co.uk>
Date: Tue, 3 Nov 2015 15:02:44 +0000
Subject: [PATCH 2/2] Possible solution to duplicate apps in showcase

---
 website/src/react-native/css/react-native.css |  4 ++
 website/src/react-native/showcase.js          | 48 ++++++++-----------
 2 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index 9ac2edf04..3550904d3 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -1115,6 +1115,10 @@ div[data-twttr-id] iframe {
   margin-top: 5px;
 }
 
+.showcase a {
+  font-weight: bold;
+}
+
 .showcase h3, .showcase p {
   color: rgb(72, 72, 72);
 }
diff --git a/website/src/react-native/showcase.js b/website/src/react-native/showcase.js
index af5daf449..02f3e92cc 100644
--- a/website/src/react-native/showcase.js
+++ b/website/src/react-native/showcase.js
@@ -73,15 +73,10 @@ var apps = [
     author: 'Facebook',
   },
   {
-    name: 'Facebook Adverts Manager - Android',
-    icon: 'https://lh3.googleusercontent.com/ODKlFYm7BaNiLMEEDO2b4DOCU-hmS1-Fg3_x_lLUaJZ0ssFsxciSoX1dYERaWDJuEs8=w300',
-    link: 'https://play.google.com/store/apps/details?id=com.facebook.adsmanager',
-    author: 'Facebook',
-  },
-  {
-    name: 'Facebook Ads Manager - iOS',
+    name: 'Facebook Ads Manager',
     icon: 'http://is5.mzstatic.com/image/pf/us/r30/Purple5/v4/9e/16/86/9e1686ef-cc55-805a-c977-538ddb5e6832/mzl.gqbhwitj.png',
-    link: 'https://itunes.apple.com/us/app/facebook-ads-manager/id964397083?mt=8',
+    linkAppStore: 'https://itunes.apple.com/us/app/facebook-ads-manager/id964397083?mt=8',
+    linkPlayStore: 'https://play.google.com/store/apps/details?id=com.facebook.adsmanager',
     author: 'Facebook',
   },
   {
@@ -127,15 +122,10 @@ var apps = [
     author: 'HS Schaaf',
   },
   {
-    name: 'Kakapo - Android',
-    icon: 'https://lh3.googleusercontent.com/xDc0D136JB8IvRsct9u4VTGh4nK1QwsZSRuEe-UxWd_JFtvNTrcaO5fEhcj4rGxv60pX=w300-rw',
-    link: 'https://play.google.com/store/apps/details?id=com.kakaponative',
-    author: 'Daniel Levitt',
-  },
-  {
-    name: 'Kakapo - iOS',
+    name: 'Kakapo',
     icon: 'http://a2.mzstatic.com/eu/r30/Purple3/v4/12/ab/2a/12ab2a01-3a3c-9482-b8df-ab38ad281165/icon175x175.png',
-    link: 'https://itunes.apple.com/gb/app/kakapo/id1046673139?ls=1&mt=8',
+    linkAppStore: 'https://itunes.apple.com/gb/app/kakapo/id1046673139?ls=1&mt=8',
+    linkPlayStore: 'https://play.google.com/store/apps/details?id=com.kakaponative',
     author: 'Daniel Levitt',
   },
   {
@@ -242,15 +232,9 @@ var apps = [
   },
   {
     name: 'RN Playground',
-    name: 'RN Playground - Android',
-    icon: 'https://lh3.googleusercontent.com/CulnTs4lfjHWzK-MJHXZbEQuw_kCwBU0fHYTOZC0FejcPK1B58Qmxyvu8xSzs6iUWhg=w300',
-    link: 'https://play.google.com/store/apps/details?id=org.rnplay.playground',
-    author: 'Joshua Sierles',
-  },
-  {
-    name: 'RN Playground - iOS',
     icon: 'http://is5.mzstatic.com/image/pf/us/r30/Purple1/v4/20/ec/8e/20ec8eb8-9e12-6686-cd16-7ac9e3ef1d52/mzl.ngvuoybx.png',
-    link: 'https://itunes.apple.com/us/app/react-native-playground/id1002032944?mt=8',
+    linkAppStore: 'https://itunes.apple.com/us/app/react-native-playground/id1002032944?mt=8',
+    linkPlayStore: 'https://play.google.com/store/apps/details?id=org.rnplay.playground',
     author: 'Joshua Sierles',
   },
   {
@@ -328,6 +312,11 @@ var apps = [
 ];
 
 var showcase = React.createClass({
+  renderLinks: function(app) {
+    return (
+      <p><a href={app.linkAppStore} target="blank">iOS</a> - <a href={app.linkPlayStore} target="blank">Android</a></p>
+    );
+  },
   render: function() {
     return (
       <Site section="showcase" title="Showcase">
@@ -341,13 +330,18 @@ var showcase = React.createClass({
           </div>
           {
             apps.map((app, i) => {
-              return (
-                <a href={app.link} className="showcase" key={i} target="blank">
+              var inner = (
+                <div>
                   <img src={app.icon} alt={app.name} />
                   <h3>{app.name}</h3>
+                  {app.linkAppStore && app.linkPlayStore ? this.renderLinks(app) : null}
                   <p>By {app.author}</p>
-                </a>
+                </div>
               );
+              if (app.linkAppStore && app.linkPlayStore) {
+                return (<div className="showcase" key={i}>{inner}</div>);
+              }
+              return (<a href={app.link} className="showcase" key={i} target="blank">{inner}</a>);
             })
           }
         </section>