diff --git a/src/js/native_react_views/SequenceSelectView.js b/src/js/native_react_views/SequenceSelectView.js index afe32d16..d2369e28 100644 --- a/src/js/native_react_views/SequenceSelectView.js +++ b/src/js/native_react_views/SequenceSelectView.js @@ -1,3 +1,4 @@ +var assign = require('object-assign'); var NavButton = require('../native_react_views/NavButton'); var React = require('react-native'); var Routes = require('../constants/Routes'); @@ -15,6 +16,9 @@ var { } = AppViews; var TerminalCardView = require('../native_react_views/TerminalCardView'); var NavButton = require('../native_react_views/NavButton'); +var Levels = require('../../levels'); + +var intl = require('../intl'); var SequenceSelectView = React.createClass({ @@ -30,6 +34,9 @@ var SequenceSelectView = React.createClass({ + {Object.keys(Levels.levelSequences).map( + sequenceID => this.renderSelector(sequenceID) + )} { @@ -43,11 +50,36 @@ var SequenceSelectView = React.createClass({ ); + }, + + renderSelector: function(sequenceID) { + var info = Levels.sequenceInfo[sequenceID]; + var name = intl.getIntlKey(info, 'displayName'); + var about = intl.getIntlKey(info, 'about'); + + return ( + + + {name} + + + {about} + + + ); } }); var styles = StyleSheet.create({ + sequenceName: assign({}, AppStyles.terminalTextStyle, { + fontSize: 20, + }), + sequenceAbout: assign({}, AppStyles.terminalTextStyle, { + fontSize: 10, + marginTop: 8, + marginBottom: 8, + }), container: { padding: 8, },