React home and share pages working isomorphically

2014-12-22 22:38:08 +00:00 · 2014-12-22 22:38:08 +00:00 · a2148dc00a
commit a2148dc00a
parent 0b00b190fc
21 changed files with 482 additions and 658 deletions
--- a/views/error.jsx
+++ b/views/error.jsx
@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var Head = require('./head.jsx');
+var Foot = require('./foot.jsx');
+
+module.exports = React.createClass({
+
+  render: function() {
+    return (
+      <html>
+      <Head />
+      <body>
+      <div className="error">
+        <header>
+          <div className="container">
+            <div className="row">
+              <div className="col-md-12">
+                <h1><a href="/">match<span className="audio-lighten">.audio</span></a></h1>
+              </div>
+            </div>
+          </div>
+        </header>
+        <div className="container main">
+          <div className="row">
+            <div className="col-md-6 col-md-offset-3">
+              <h2>{this.props.status}</h2>
+              <h1>{this.props.message}</h1>
+              <pre>{this.props.error.stack || ""}</pre>
+            </div>
+          </div>
+        </div>
+        <Foot page="error" />
+      </div>
+      </body>
+      </html>
+    );
+  }
+});