Page titles

Author: ethanselzer

example/package.json

@@ -12,6 +12,7 @@
     "react": "^15.3.2",
     "react-bootstrap": "^0.30.7",
     "react-dom": "^15.3.2",
+    "react-helmet": "^4.0.0",
     "react-lazy-tree": "^1.0.0",
     "react-router": "^3.0.0",
     "react-syntax-highlighter": "^4.0.1"

example/src/pages/Catalog.js

@@ -9,6 +9,7 @@ import SyntaxHighlighter, { registerLanguage } from 'react-syntax-highlighter/di
 import solarized from 'react-syntax-highlighter/dist/styles/solarized-light';
 import js from 'highlight.js/lib/languages/javascript';
 import css from 'highlight.js/lib/languages/css';
+import Helmet from 'react-helmet';
 
 import Catalog from '../components/Catalog';
 import Header from '../components/Header';
@@ -25,6 +26,7 @@ class  CatalogPage extends Component {
     render() {
         return (
             <div>
+                <Helmet title="Category Menu | React Lazy Tree" />
                 <Header {...this.props}/>
                 <Jumbotron>
                     <Grid>

example/src/pages/Hamburger.js

@@ -9,6 +9,7 @@ import SyntaxHighlighter, { registerLanguage } from 'react-syntax-highlighter/di
 import js from 'highlight.js/lib/languages/javascript';
 import solarized from 'react-syntax-highlighter/dist/styles/solarized-light';
 import css from 'highlight.js/lib/languages/css';
+import Helmet from 'react-helmet';
 
 import Header from '../components/Header';
 import Hamburger from '../components/Hamburger';
@@ -27,6 +28,7 @@ class  HamburgerPage extends Component {
     render() {
         return (
             <div>
+                <Helmet title="Hamburger Menu | React Lazy Tree" />
                 <Header {...this.props}/>
                 <Jumbotron>
                     <Grid>

example/src/pages/HamburgerTouch.js

@@ -1,4 +1,6 @@
 import React, { Component } from 'react';
+import Helmet from 'react-helmet';
+
 import Hamburger from '../components/Hamburger';
 
 class  HamburgerTouchPage extends Component {
@@ -13,6 +15,7 @@ class  HamburgerTouchPage extends Component {
                 backgroundColor: '#333',
                 overflow:'scroll'
             }}>
+                <Helmet title="Hamburger Touch | React Lazy Tree" />
                 <Hamburger/>
             </div>
         );

example/src/pages/Home.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import Helmet from 'react-helmet';
 
 import Header from '../components/Header';
 
@@ -23,6 +24,7 @@ class App extends Component {
     render() {
         return (
             <div>
+                <Helmet title="Examples | React Lazy Tree" />
                 <Header {...this.props} />
                 <Jumbotron>
                     <Grid>

example/src/pages/Viewer.js

@@ -9,6 +9,7 @@ import SyntaxHighlighter, { registerLanguage } from 'react-syntax-highlighter/di
 import js from 'highlight.js/lib/languages/javascript';
 import solarized from 'react-syntax-highlighter/dist/styles/solarized-light';
 import css from 'highlight.js/lib/languages/css';
+import Helmet from 'react-helmet';
 
 import Viewer from '../components/Viewer';
 import Header from '../components/Header';
@@ -25,6 +26,7 @@ class  ViewerPage extends Component {
     render() {
         return (
             <div>
+                <Helmet title="Viewer | React Lazy Tree" />
                 <Header {...this.props}/>
                 <Jumbotron>
                     <Grid>