ff-stream-web

commit b751893184b79641e988be5a1c703bc0bd5a530d
parent 99518a643257a83bdc548e390b4c55e2ac098545
Author: Konstantin Tarkus <hello@tarkus.me>
Date:   Sun, 12 Oct 2014 03:53:46 +0400

Update default layout

Diffstat:
M
src/layouts/DefaultLayout.jsx
 | 
25
+++++++++++++++++++------
M
src/pages/Privacy.jsx
 | 
11
+++++++++--

2 files changed, 28 insertions(+), 8 deletions(-)
diff --git a/src/layouts/DefaultLayout.jsx b/src/layouts/DefaultLayout.jsx
@@ -9,16 +9,29 @@ var Link = require('../components/Link.jsx');
 var Navbar = require('../components/Navbar.jsx');
 
 var DefaultLayout = React.createClass({
+  propTypes: {
+    title: React.PropTypes.string,
+    breadcrumb: React.PropTypes.component
+  },
   render() {
+    var header = this.props.breadcrumb ? (
+      <div className="container">
+        <h2>{this.props.title}</h2>
+        {this.props.breadcrumb}
+      </div>
+    ) : (
+      <div className="jumbotron">
+        <div className="container text-center">
+          <h1>React</h1>
+          <p>Complex web apps made easy</p>
+        </div>
+      </div>
+    );
+
     return (
       <div>
         <Navbar />
-        <div className="jumbotron">
-          <div className="container text-center">
-            <h1>React</h1>
-            <p>Complex web apps made easy</p>
-          </div>
-        </div>
+        {header}
         {this.props.children}
         <div className="navbar-footer">
           <div className="container">
diff --git a/src/pages/Privacy.jsx b/src/pages/Privacy.jsx
@@ -5,6 +5,7 @@
 'use strict';
 
 var React = require('react');
+var Link = require('../components/Link.jsx');
 var DefaultLayout = require('../layouts/DefaultLayout.jsx');
 
 var PrivacyPage = React.createClass({
@@ -14,10 +15,16 @@ var PrivacyPage = React.createClass({
     };
   },
   render() {
+    var breadcrumb = (
+      <ol className="breadcrumb">
+        <li><Link to="/">Home</Link></li>
+        <li className="active">Privacy</li>
+      </ol>
+    );
+
     return (
-      <DefaultLayout title={this.props.title}>
+      <DefaultLayout title={this.props.title} breadcrumb={breadcrumb}>
         <div className="container">
-          <h2>{this.props.title}</h2>
           <p>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean consequat tortor fermentum mi
             fermentum dignissim. Nullam vel ipsum ut ligula elementum lobortis. Maecenas aliquam, massa laoreet