Merge pull request #3862 from bluedaniel/master

Add Android version of Kakapo
This commit is contained in:
Brent Vatne 2015-11-07 17:16:59 +01:00
commit fe4735ed99
2 changed files with 24 additions and 20 deletions

View File

@ -1130,6 +1130,10 @@ div[data-twttr-id] iframe {
margin-top: 5px; margin-top: 5px;
} }
.showcase a {
font-weight: bold;
}
.showcase h3, .showcase p { .showcase h3, .showcase p {
color: rgb(72, 72, 72); color: rgb(72, 72, 72);
} }

View File

@ -73,15 +73,10 @@ var apps = [
author: 'Facebook', author: 'Facebook',
}, },
{ {
name: 'Facebook Adverts Manager - Android', name: 'Facebook Ads Manager',
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',
icon: 'http://is5.mzstatic.com/image/pf/us/r30/Purple5/v4/9e/16/86/9e1686ef-cc55-805a-c977-538ddb5e6832/mzl.gqbhwitj.png', 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', author: 'Facebook',
}, },
{ {
@ -135,7 +130,8 @@ var apps = [
{ {
name: 'Kakapo', name: 'Kakapo',
icon: 'http://a2.mzstatic.com/eu/r30/Purple3/v4/12/ab/2a/12ab2a01-3a3c-9482-b8df-ab38ad281165/icon175x175.png', 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', author: 'Daniel Levitt',
}, },
{ {
@ -254,15 +250,9 @@ var apps = [
}, },
{ {
name: 'RN Playground', 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', 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', author: 'Joshua Sierles',
}, },
{ {
@ -340,6 +330,11 @@ var apps = [
]; ];
var showcase = React.createClass({ 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() { render: function() {
return ( return (
<Site section="showcase" title="Showcase"> <Site section="showcase" title="Showcase">
@ -353,13 +348,18 @@ var showcase = React.createClass({
</div> </div>
{ {
apps.map((app, i) => { apps.map((app, i) => {
return ( var inner = (
<a href={app.link} className="showcase" key={i} target="blank"> <div>
<img src={app.icon} alt={app.name} /> <img src={app.icon} alt={app.name} />
<h3>{app.name}</h3> <h3>{app.name}</h3>
{app.linkAppStore && app.linkPlayStore ? this.renderLinks(app) : null}
<p>By {app.author}</p> <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> </section>