Show error message on data error

client/coral-admin/src/components/UserDetail.js

@@ -73,6 +73,16 @@ class UserDetail extends React.Component {
     );
   }
 
+  renderError() {
+    return (
+      <ClickOutside onClickOutside={this.props.hideUserDetail}>
+        <Drawer onClose={this.props.hideUserDetail}>
+          <div>{this.props.data.error.message}</div>
+        </Drawer>
+      </ClickOutside>
+    );
+  }
+
   getActionMenuLabel() {
     const { root: { user } } = this.props;
 
@@ -324,6 +334,10 @@ class UserDetail extends React.Component {
   }
 
   render() {
+    if (this.props.data.error) {
+      return this.renderError();
+    }
+
     if (this.props.loading) {
       return this.renderLoading();
     }

client/coral-admin/src/containers/UserDetail.js

@@ -130,6 +130,7 @@ class UserDetailContainer extends React.Component {
         acceptComment={this.acceptComment}
         rejectComment={this.rejectComment}
         loading={loading}
+        error={this.props.data && this.props.data.error}
         loadMore={this.loadMore}
         {...this.props}
       />

client/coral-admin/src/routes/Community/containers/FlaggedAccounts.js

@@ -159,7 +159,11 @@ class FlaggedAccountsContainer extends Component {
   };
 
   render() {
-    if (this.props.data.loading || this.props.data.error) {
+    if (this.props.data.error) {
+      return <div>{this.props.data.error.message}</div>;
+    }
+
+    if (this.props.data.loading) {
       return (
         <div>
           <Spinner />
@@ -308,7 +312,7 @@ export default compose(
                 username: [SET, CHANGED]
               }
             }
-            limit: 9
+            limit: 10
           }){
           hasNextPage
           endCursor

client/coral-admin/src/routes/Community/containers/People.js

@@ -85,6 +85,10 @@ class PeopleContainer extends React.Component {
   };
 
   render() {
+    if (this.props.data.error) {
+      return <div>{this.props.data.error.message}</div>;
+    }
+
     if (this.props.data.loading) {
       return (
         <div>

client/coral-admin/src/routes/Moderation/containers/Moderation.js

@@ -277,6 +277,10 @@ class ModerationContainer extends Component {
       }
     }
 
+    if (data.error) {
+      return <div>{data.error.message}</div>;
+    }
+
     if (data.loading && data.networkStatus !== 3) {
       // loading.
       return <Spinner />;