From afeeffc262cf13d77944f3fa55e3aa94cdeedaf0 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Tue, 18 Jul 2017 17:08:14 +0700
Subject: [PATCH] Show notification upon failure

---
 plugin-api/beta/client/hocs/withTags.js | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/plugin-api/beta/client/hocs/withTags.js b/plugin-api/beta/client/hocs/withTags.js
index f23b39492..62b50bf36 100644
--- a/plugin-api/beta/client/hocs/withTags.js
+++ b/plugin-api/beta/client/hocs/withTags.js
@@ -8,6 +8,7 @@ import withMutation from 'coral-framework/hocs/withMutation';
 import withFragments from 'coral-framework/hocs/withFragments';
 import {showSignInDialog} from 'coral-framework/actions/auth';
 import {addNotification} from 'coral-framework/actions/notification';
+import {forEachError} from 'coral-framework/utils';
 
 export default (tag) => (WrappedComponent) => {
   if (typeof tag !== 'string') {
@@ -27,10 +28,10 @@ export default (tag) => (WrappedComponent) => {
       }
     }
   `;
-  
+
   const isTagged = (tags) =>
   !!tags.filter((t) => t.tag.name === Tag.toUpperCase()).length;
-  
+
   const withAddTag = withMutation(
     gql`
       mutation AddTag($id: ID!, $asset_id: ID!, $name: String!) {
@@ -112,29 +113,35 @@ export default (tag) => (WrappedComponent) => {
           });
         }}),
     });
-  
+
   class WithTags extends React.Component {
 
     postTag = () => {
-      const {comment, asset} = this.props;
-      
+      const {comment, asset, addNotification} = this.props;
+
       this.props.addTag({
         id: comment.id,
         name: Tag.toUpperCase(),
         assetId: asset.id
+      })
+      .catch((err) => {
+        forEachError(err, ({msg}) => addNotification('error', msg));
       });
     }
 
     deleteTag = () => {
-      const {comment, asset} = this.props;
+      const {comment, asset, addNotification} = this.props;
 
       this.props.removeTag({
         id: comment.id,
         name: Tag.toUpperCase(),
         assetId: asset.id
+      })
+      .catch((err) => {
+        forEachError(err, ({msg}) => addNotification('error', msg));
       });
     }
-    
+
     render() {
       const {comment} = this.props;