Replace the cache.modify deletion example with cache.evict

hwillson · hwillson · commit 022f6178ccf2 · 2020-07-20T08:59:10.000-04:00
This shows how `cache.evict()` works, and we're alreay showing
how `cache.modify()` works in another part of the application.
Also, using `evict` in this case is much more succinct.
diff --git a/final/client/src/containers/logout-button.tsx b/final/client/src/containers/logout-button.tsx
@@ -13,19 +13,12 @@ const LogoutButton = () => {
       data-testid="logout-button"
       onClick={() => {
         // Since we're logging out, remove all traces of the current user
-        // from the cache. First use `cache.modify()` to remove the stored
+        // from the cache. First use `cache.evict()` to remove the stored
         // `me` reference that was added to the cache by the `GET_MY_TRIPS`
         // query in `profile.tsx`. Then trigger garbage collection using
         // `cache.gc()` to remove the cached `User` object that is no longer
         // reachable.
-        client.cache.modify(
-          'ROOT_QUERY',
-          {
-            me(_, { DELETE }) {
-              return DELETE;
-            }
-          }
-        );
+        client.cache.evict('ROOT_QUERY', 'me');
         client.cache.gc();
 
         // Remove user details from localStorage.
