Improve document title (#344)

facebookarchive · Oct 23, 2017 · 0331a37 · 0331a37
1 parent 520a60c
commit 0331a37
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/website/core/Site.js b/website/core/Site.js
@@ -8,14 +8,18 @@ var HeaderLinks = require('HeaderLinks');
 
 var Site = React.createClass({
   render: function() {
+    var pageTitle = this.props.title
+      ? `${this.props.title} | Flux`
+      : 'Flux | Application Architecture for Building User Interfaces'
+    ;
     return (
       <html>
         <head>
           <meta charSet="utf-8" />
           <meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-          <title>Flux | Application Architecture for Building User Interfaces</title>
+          <title>{pageTitle}</title>
           <meta name="viewport" content="width=device-width" />
-          <meta property="og:title" content="Flux | Application Architecture for Building User Interfaces" />
+          <meta property="og:title" content={pageTitle} />
           <meta property="og:type" content="website" />
           <meta property="og:url" content="http://facebook.github.io/flux/index.html" />
           <meta property="og:description" content="Application Architecture for Building User Interfaces" />

diff --git a/website/layout/DocsLayout.js b/website/layout/DocsLayout.js
@@ -12,7 +12,7 @@ var DocsLayout = React.createClass({
     var metadata = this.props.metadata;
     var content = this.props.children;
     return (
-      <Site section="docs">
+      <Site section="docs" title={metadata.title}>
         <section className="content wrap documentationContent">
           <DocsSidebar metadata={metadata} />
           <div className="inner-content">