refactor

Author: rwieruch

src/App.js

@@ -111,21 +111,23 @@ const Repositories = ({ repositories }) => (
   </ul>
 );
 
-const Watch = ({ repository }) => (
+const Watch = ({
+  repository: { id, viewerSubscription, watchers },
+}) => (
   <Mutation
     mutation={WATCH_REPOSITORY}
     variables={{
-      id: repository.id,
-      viewerSubscription: isWatch(repository.viewerSubscription)
+      id,
+      viewerSubscription: isWatch(viewerSubscription)
         ? VIEWER_SUBSCRIPTIONS.UNSUBSCRIBED
         : VIEWER_SUBSCRIPTIONS.SUBSCRIBED,
     }}
     update={updateWatch}
   >
     {(updateSubscription, { data, loading, error }) => (
       <button type="button" onClick={updateSubscription}>
-        {repository.watchers.totalCount}{' '}
-        {isWatch(repository.viewerSubscription) ? 'Unwatch' : 'Watch'}
+        {watchers.totalCount}{' '}
+        {isWatch(viewerSubscription) ? 'Unwatch' : 'Watch'}
       </button>
     )}
   </Mutation>