show spinner

react/src/components/dashboard/notifications/notifications.render.js

@@ -88,19 +88,18 @@ export const NotificationsModalRender = function() {
 };
 
 export const NotificationsRender = function() {
-  if (this.state.debug) {
   return (
     <div>
       <div
         className={ this.props.Dashboard.activeHandle && this.props.Dashboard.activeHandle.status === 'unlocked' ? 'notifications-badge stick-to-top' : 'notifications-badge' }
-          onClick={ this.toggleNotificationsModal }>
+        onClick={ this.state.debug ? this.toggleNotificationsModal : null }>
-          <span className="badge success">
+        <span className={ this.state.debug ? 'badge success' : 'hide' }>
           { this.state.calls.success }
         </span>
-          <span className="badge error">
+        <span className={ this.state.debug ? 'badge error' : 'hide' }>
           { this.state.calls.error }
         </span>
-          <span className="badge pending">
+        <span className={ this.state.debug ? 'badge pending' : 'hide' }>
           { this.state.calls.pending }
         </span>
         <div className={ this.state.calls.pending === 0 ? 'spinner spinner-hide' : 'spinner' }>
@@ -114,7 +113,4 @@ export const NotificationsRender = function() {
       { this.renderNotificationsModal() }
     </div>
   );
-  } else {
-    return null;
-  }
 };