2.0.1 Beta

src/app/pages/ErrorDetails.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+
+/**
+ * Unexpected Error page / block
+ */
+export default class ErrorDetails extends React.Component {
+
+  static contextTypes = {
+    route: React.PropTypes.object.isRequired,
+    language: React.PropTypes.object.isRequired
+  };
+
+  static propTypes = {
+    error: React.PropTypes.object.isRequired
+  };
+
+  /**
+   * Render the Page
+   * @return {React.Component} The page contents
+   */
+  render() {
+    let content = null;
+    let error = this.props.error;
+    let ed = error.details;
+
+    if (ed) {
+      content = <div style={{ textAlign:'left', fontSize:'0.8em', width: '43em', margin: '0 auto' }}>
+        <div className='cen'>
+          <a href='https://github.com/cmmcleod/coriolis/issues' target='_blank' title='Coriolis Github Project'>Create an issue on Github</a>
+          {' if this keeps happening. Add these details:'}
+        </div>
+        <div style={{ marginTop: '2em' }}>
+          <div><span className='warning'>Browser:</span> {window.navigator.userAgent}</div>
+          <div><span className='warning'>Path:</span> {this.context.route.canonicalPath}</div>
+          <div><span className='warning'>Error:</span> {error.type || 'Unknown'}</div>
+          <div className='warning'>Details:</div>
+          <div><pre>{typeof ed == 'object' ? Object.keys(ed).map((e) => `${e}: ${ed[e]}\n`) : ed}</pre></div>
+        </div>
+      </div>;
+    }
+
+    return <div className='error'>
+      <h1>Jameson, we have a problem..</h1>
+      <h1><small>{error.message}</small></h1>
+      {content}
+    </div>;
+  }
+}