ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 09:23:13 +01:00
Code Issues Releases Wiki Activity

Add route class names to prize app

Browse Source
This commit is contained in:
Brett Sun 2016-02-01 14:52:05 +01:00
parent 39417f3d11
commit 4e13376d5f
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
js/components/whitelabel/prize/portfolioreview/pr_app.js
View File

@ -1,6 +1,7 @@
'use strict'; 'use strict';
import React from 'react'; import React from 'react';
import classNames from 'classnames';
import EventActions from '../../../../actions/event_actions'; import EventActions from '../../../../actions/event_actions';
@ -63,6 +64,10 @@ let PRApp = React.createClass({
const { currentUser } = this.state; const { currentUser } = this.state;
const subdomain = getSubdomain(); const subdomain = getSubdomain();
// The second element of routes is always the active component object, where we can
// extract the path.
const path = routes[1] ? routes[1].path : null;
let style = {}; let style = {};
let header; let header;
if (currentUser && currentUser.email && history.isActive(`/pieces/${getCookie(currentUser.email)}`)) { if (currentUser && currentUser.email && history.isActive(`/pieces/${getCookie(currentUser.email)}`)) {
@ -77,7 +82,7 @@ let PRApp = React.createClass({
return ( return (
<div <div
style={style} style={style}
className={'ascribe-prize-app'}> className={classNames('ascribe-prize-app', `route--${(path ? path.split('/')[0] : 'landing')}`)}>
{header} {header}
<div className="container ascribe-body"> <div className="container ascribe-body">
{/* Routes are injected here */} {/* Routes are injected here */}

5
js/components/whitelabel/prize/simple_prize/prize_app.js
View File

@ -1,6 +1,7 @@
'use strict'; 'use strict';
import React from 'react'; import React from 'react';
import classNames from 'classnames';
import Hero from './components/prize_hero'; import Hero from './components/prize_hero';
@ -27,7 +28,7 @@ let PrizeApp = React.createClass({
// The second element of routes is always the active component object, where we can // The second element of routes is always the active component object, where we can
// extract the path. // extract the path.
let path = routes[1] ? routes[1].path : null; const path = routes[1] ? routes[1].path : null;
let header = null; let header = null;
// if the path of the current activeRoute is not defined, then this is the IndexRoute // if the path of the current activeRoute is not defined, then this is the IndexRoute
@ -38,7 +39,7 @@ let PrizeApp = React.createClass({
} }
return ( return (
<div className="ascribe-prize-app"> <div className={classNames('ascribe-prize-app', `route--${(path ? path.split('/')[0] : 'landing')}`)}>
{header} {header}
<div className="container ascribe-body"> <div className="container ascribe-body">
{/* Routes are injected here */} {/* Routes are injected here */}

2
js/components/whitelabel/wallet/wallet_app.js
View File

@ -26,7 +26,7 @@ let WalletApp = React.createClass({
// The second element of routes is always the active component object, where we can // The second element of routes is always the active component object, where we can
// extract the path. // extract the path.
let path = routes[1] ? routes[1].path : null; const path = routes[1] ? routes[1].path : null;
let header = null; let header = null;
// if the path of the current activeRoute is not defined, then this is the IndexRoute // if the path of the current activeRoute is not defined, then this is the IndexRoute