status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
parent 0bcd01e5c4 3cd677cd8e
commit fe4735ed99
2 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
website/src/react-native/css/react-native.css
View File

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

40
website/src/react-native/showcase.js vendored
View File

@ -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',
},
{
@ -135,7 +130,8 @@ var apps = [
{
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',
},
{
@ -254,15 +250,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',
},
{
@ -340,6 +330,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">
@ -353,13 +348,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>