refactor Vote.js

Author: mharshita

src/components/Vote.js

@@ -1,8 +1,7 @@
 import React, { useState, useEffect } from 'react'
-import axios from 'axios'
-import { apiURL } from '../config.json'
 import Modal from './Modal'
 import { Link } from '@reach/router'
+import userStory from '../services/user_story'
 
 const Vote = (props) => {
   const { story } = props
@@ -40,50 +39,18 @@ const Vote = (props) => {
       let updatedFollowerIds = followers.filter(
         (id) => id !== JSON.stringify(userId)
       )
-      const response = await axios.post(
-        `${apiURL}/graphql`,
-        {
-          query: `
-        mutation {
-          updateUserStory(input: {where: {id: "${story.id}"} data: {followers: [${updatedFollowerIds}]}}){
-            userStory{
-              followers {
-                id
-              }
-            }
-          }
-        }
-        `
-        },
-        {
-          withCredentials: true
-        }
-      )
+      const response = await userStory.updateVotes(story.id, updatedFollowerIds)
       updatedFollowerIds = response.data.data.updateUserStory.userStory.followers.map(
         (follower) => JSON.stringify(follower.id)
       )
       setFollowers(updatedFollowerIds)
       setVoted(false)
       setVotes((votes) => votes - 1)
     } else {
-      const response = await axios.post(
-        `${apiURL}/graphql`,
-        {
-          query: `
-        mutation {
-          updateUserStory(input: {where: {id: "${story.id}"} data: {followers: [${followers}, "${userId}"]}}){
-            userStory{
-              followers {
-                id
-              }
-            }
-          }
-        }
-        `
-        },
-        {
-          withCredentials: true
-        }
+      const response = await userStory.updateStoryVote(
+        story.id,
+        followers,
+        userId
       )
       const updatedFollowerIds = response.data.data.updateUserStory.userStory.followers.map(
         (follower) => JSON.stringify(follower.id)

src/services/user_story.js

@@ -426,6 +426,38 @@ const userStory = {
       }
     }
     return apiCall('/graphql', markNotificationAsReadQuery)
+  },
+  updateVotes: (storyId, updatedFollowerIds) => {
+    const updateVotesQuery = {
+      query: `
+      mutation {
+        updateUserStory(input: {where: {id: "${storyId}"} data: {followers: [${updatedFollowerIds}]}}){
+          userStory{
+            followers {
+              id
+            }
+          }
+        }
+      }
+      `
+    }
+    return apiCall('/graphql', updateVotesQuery)
+  },
+  updateStoryVote: (storyId, followers, userId) => {
+    const updateStoryVoteQuery = {
+      query: `
+        mutation {
+          updateUserStory(input: {where: {id: "${storyId}"} data: {followers: [${followers}, "${userId}"]}}){
+            userStory{
+              followers {
+                id
+              }
+            }
+          }
+        }
+        `
+    }
+    return apiCall('/graphql', updateStoryVoteQuery)
   }
 }