From db9c3b45c18978d47cfe3f09ad386daae3562848 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 11:06:52 -0300
Subject: [PATCH] Stream Error

---
 client/coral-embed-stream/src/components/Stream.js       | 7 ++++---
 client/coral-embed-stream/src/components/StreamError.css | 3 +++
 client/coral-embed-stream/src/components/StreamError.js  | 8 ++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 client/coral-embed-stream/src/components/StreamError.css
 create mode 100644 client/coral-embed-stream/src/components/StreamError.js

diff --git a/client/coral-embed-stream/src/components/Stream.js b/client/coral-embed-stream/src/components/Stream.js
index 54a077c83..ff8bddc11 100644
--- a/client/coral-embed-stream/src/components/Stream.js
+++ b/client/coral-embed-stream/src/components/Stream.js
@@ -1,5 +1,6 @@
 import React, {PropTypes} from 'react';
 import LoadMore from './LoadMore';
+import {StreamError} from './StreamError';
 import Comment from '../components/Comment';
 import SuspendedAccount from './SuspendedAccount';
 import Slot from 'coral-framework/components/Slot';
@@ -189,9 +190,9 @@ class Stream extends React.Component {
 
     const showCommentBox = loggedIn && ((!banned && !temporarilySuspended && !highlightedComment) || keepCommentBox);
 
-    if (!comment && !comments) {
-      console.error('No comments came back from the graph given that query. Please, check the query params.');
-      return <div> An error has occured! </div>;
+    if (!comment && !comments) { 
+      console.error('Talk: No comments came back from the graph given that query. Please, check the query params.'); 
+      return <StreamError />;
     }
 
     return (
diff --git a/client/coral-embed-stream/src/components/StreamError.css b/client/coral-embed-stream/src/components/StreamError.css
new file mode 100644
index 000000000..908d963c0
--- /dev/null
+++ b/client/coral-embed-stream/src/components/StreamError.css
@@ -0,0 +1,3 @@
+.streamError {
+  padding: 10px 0;
+}
\ No newline at end of file
diff --git a/client/coral-embed-stream/src/components/StreamError.js b/client/coral-embed-stream/src/components/StreamError.js
new file mode 100644
index 000000000..149056409
--- /dev/null
+++ b/client/coral-embed-stream/src/components/StreamError.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './StreamError.css';
+
+export const StreamError = () => (
+  <div className={styles.streamError}>
+    An error has occured!
+  </div>
+);