WIP

js/components/whitelabel/prize/app.js

@@ -2,6 +2,8 @@
 
 import React from 'react';
 import Router from 'react-router';
+import Hero from './components/hero';
+import Header from '../../header';
 // import Footer from '../../footer';
 import GlobalNotification from '../../global_notification';
 
@@ -9,9 +11,20 @@ let RouteHandler = Router.RouteHandler;
 
 
 let PrizeApp = React.createClass({
+    mixins: [Router.State],
+
     render() {
+        let header = null;
+        if (this.isActive('pieces')) {
+            header = (
+                <Header />
+            );
+        }
+
         return (
             <div className="whitelabel-prize">
+                <Hero />
+                {header}
                 <RouteHandler />
                 <GlobalNotification />
                 <div id="modal" className="container"></div>

js/components/whitelabel/prize/components/hero.js

@@ -0,0 +1,18 @@
+'use strict';
+
+import React from 'react';
+import constants from '../../../../constants/application_constants';
+
+
+let Hero = React.createClass({
+    render() {
+        return (
+            <div className="hero">
+                <img className="logo" src={constants.whitelabel.logo} alt="Sluice Art Prize" />
+                <h1>Sluice Art Prize 2015</h1>
+            </div>
+        );
+    }
+});
+
+export default Hero;

js/components/whitelabel/prize/components/landing.js

@@ -2,30 +2,23 @@
 
 import React from 'react';
 import Router from 'react-router';
-import constants from '../../../../constants/application_constants';
 
 import ButtonLink from 'react-router-bootstrap/lib/ButtonLink';
 import ButtonGroup from 'react-bootstrap/lib/ButtonGroup';
 
+let Link = Router.Link;
 
 let Landing = React.createClass({
     render() {
         return (
             <div>
-                <div className="hero">
-                    <img className="logo" src={constants.whitelabel.logo} alt="Sluice Art Prize" />
-                    <h1>Sluice Art Prize 2015</h1>
-                </div>
-
                 <div className="container">
                     <ButtonGroup className="enter" bsSize="large" vertical block>
                         <ButtonLink to="signup">
-                            Signup
+                            Signup to the prize
                         </ButtonLink>
 
-                        <ButtonLink to="login">
-                            Login
-                        </ButtonLink>
+                        Already a user? <Link to="login">log in</Link>
                     </ButtonGroup>
                 </div>
             </div>

js/components/whitelabel/prize/routes.js

@@ -16,6 +16,7 @@ function getRoutes(commonRoutes) {
     return (
         <Route name="app" path={baseUrl} handler={App}>
             <Route name="landing" path="/" handler={Landing} />
+
             {commonRoutes}
         </Route>
     );