From e400e9f51322e4a85ab81c9c4a3e65b1d7b02b77 Mon Sep 17 00:00:00 2001
From: Jason <jason.daurus@gmail.com>
Date: Sat, 25 Jun 2016 09:52:49 +0800
Subject: [web] ErrorView

---
 web/src/js/components/FlowView.jsx          |  2 +-
 web/src/js/components/FlowView/Messages.jsx | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

(limited to 'web/src/js')

diff --git a/web/src/js/components/FlowView.jsx b/web/src/js/components/FlowView.jsx
index a94458a1..83cc57e8 100644
--- a/web/src/js/components/FlowView.jsx
+++ b/web/src/js/components/FlowView.jsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import _ from 'lodash'
 
 import Nav from './FlowView/Nav'
-import { Request, Response, Error } from './FlowView/Messages'
+import { Request, Response, ErrorView as Error } from './FlowView/Messages'
 import Details from './FlowView/Details'
 import Prompt from './Prompt'
 
diff --git a/web/src/js/components/FlowView/Messages.jsx b/web/src/js/components/FlowView/Messages.jsx
index 5321edd6..f866776f 100644
--- a/web/src/js/components/FlowView/Messages.jsx
+++ b/web/src/js/components/FlowView/Messages.jsx
@@ -152,3 +152,20 @@ export class Response extends Component {
         }
     }
 }
+
+ErrorView.propTypes = {
+    flow: PropTypes.object.isRequired,
+}
+
+export function ErrorView({ flow }) {
+    return (
+        <section>
+            <div className="alert alert-warning">
+                {flow.error.msg}
+                <div>
+                    <small>{formatTimeStamp(flow.error.timestamp)}</small>
+                </div>
+            </div>
+        </section>
+    )
+}
-- 
cgit v1.2.3