@@ -30,29 +31,16 @@ var AppList = React.createClass({
_renderApp: function(app, i) {
return (
- {this._renderIcon(app)}
+
);
},
-
- _renderIcon: function(app) {
- return (
-
- 
-
- );
- },
-
- _renderTitle: function(app) {
- return (
-
- {app.name}
-
- );
- },
});
-var index = React.createClass({
+const index = React.createClass({
render: function() {
return (
diff --git a/website/src/react-native/showcase.js b/website/src/react-native/showcase.js
index dcf04162fd6..e747cbbf07f 100644
--- a/website/src/react-native/showcase.js
+++ b/website/src/react-native/showcase.js
@@ -8,9 +8,10 @@
*/
'use strict';
-var React = require('React');
-var Site = require('Site');
-var Metadata = require('Metadata');
+const Metadata = require('Metadata');
+const React = require('React');
+const ShowcaseAppIcon = require('ShowcaseAppIcon');
+const Site = require('Site');
/*
* Thousands of applications use React Native, so we can't list all of them
@@ -66,13 +67,7 @@ const featuredApps = showcaseApps.filter(app => {
const apps = pinnedApps.concat(featuredApps);
-var AppIcon = React.createClass({
- render: function() {
- return 
;
- }
-});
-
-var AppList = React.createClass({
+const AppList = React.createClass({
render: function() {
return (
@@ -86,10 +81,13 @@ var AppList = React.createClass({
return (
- {this._renderAppIcon(app)}
- {this._renderAppName(app)}
+
+ {this._renderAppName(app.name)}
{this._renderLinks(app)}
- {this._renderInfo(app)}
+ {this._renderInfo(app.infoTitle, app.infoLink)}
);
@@ -99,14 +97,14 @@ var AppList = React.createClass({
return ;
},
- _renderAppName: function(app) {
- return {app.name}
;
+ _renderAppName: function(name) {
+ return {name}
;
},
- _renderInfo: function(app) {
+ _renderInfo: function(title, uri) {
let info = null;
- if (app.infoLink) {
- info = {app.infoTitle}
;
+ if (uri) {
+ info = {title}
;
}
return (
@@ -132,7 +130,7 @@ var AppList = React.createClass({
},
});
-var showcase = React.createClass({
+const showcase = React.createClass({
render: function() {
return (