From a75b2491758a451283e2a373bb3fbe886520b345 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Wed, 4 Apr 2018 10:38:21 -0400
Subject: force network policy

---
 frontend/components/DeleteItem.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'frontend/components/DeleteItem.js')

diff --git a/frontend/components/DeleteItem.js b/frontend/components/DeleteItem.js
index 30b2bf7..8609ca7 100644
--- a/frontend/components/DeleteItem.js
+++ b/frontend/components/DeleteItem.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { Mutation } from 'react-apollo';
 import PropTypes from 'prop-types';
 import { REMOVE_ITEM_MUTATION, ALL_ITEMS_QUERY } from '../queries/index';
+import Error from './ErrorMessage';
 
 class DeleteItem extends React.Component {
   static propTypes = {
@@ -20,7 +21,7 @@ class DeleteItem extends React.Component {
   render() {
     return (
       <Mutation mutation={REMOVE_ITEM_MUTATION} variables={{ id: this.props.id }} update={this.update}>
-        {removeItem => (
+        {(removeItem, { error }) => (
           <button
             onClick={() => {
               if (confirm('Are you sure you want to delete this item?')) {
@@ -28,7 +29,7 @@ class DeleteItem extends React.Component {
               }
             }}
           >
-            &times; Delete item
+            {error ? error.message : '× Delete Item'}
           </button>
         )}
       </Mutation>
-- 
cgit v1.3