From 2d145b026cfdf54a63bef0b9d6324b6785390307 Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Fri, 14 Sep 2018 12:18:12 -0400 Subject: move finished folder --- .../FINISHED/frontend/components/DeleteItem.js | 50 ---------------------- 1 file changed, 50 deletions(-) delete mode 100644 stepped-solutions/FINISHED/frontend/components/DeleteItem.js (limited to 'stepped-solutions/FINISHED/frontend/components/DeleteItem.js') diff --git a/stepped-solutions/FINISHED/frontend/components/DeleteItem.js b/stepped-solutions/FINISHED/frontend/components/DeleteItem.js deleted file mode 100644 index e5e4752..0000000 --- a/stepped-solutions/FINISHED/frontend/components/DeleteItem.js +++ /dev/null @@ -1,50 +0,0 @@ -import React, { Component } from 'react'; -import { Mutation } from 'react-apollo'; -import gql from 'graphql-tag'; -import { ALL_ITEMS_QUERY } from './Items'; - -const DELETE_ITEM_MUTATION = gql` - mutation DELETE_ITEM_MUTATION($id: ID!) { - deleteItem(id: $id) { - id - } - } -`; - -class DeleteItem extends Component { - update = (cache, payload) => { - // manually update the cache on the client, so it matches the server - // 1. Read the cache for the items we want - const data = cache.readQuery({ query: ALL_ITEMS_QUERY }); - console.log(data, payload); - // 2. Filter the deleted itemout of the page - data.items = data.items.filter(item => item.id !== payload.data.deleteItem.id); - // 3. Put the items back! - cache.writeQuery({ query: ALL_ITEMS_QUERY, data }); - }; - render() { - return ( - - {(deleteItem, { error }) => ( - - )} - - ); - } -} - -export default DeleteItem; -- cgit v1.3