Refactored Policies.js

Author: SundeepChand

src/pages/Policies.js

@@ -1,11 +1,10 @@
 import React, { useState, useEffect } from 'react'
-import axios from 'axios'
-import { apiURL } from '../config.json'
 import Navigation from '../components/Navigation'
 import ReactMarkdown from 'react-markdown'
 import { Helmet } from 'react-helmet'
 import { usePromiseTracker, trackPromise } from 'react-promise-tracker'
 import LoadingIndicator from '../modules/LoadingIndicator'
+import userStory from '../services/user_story'
 
 const Policies = () => {
   const [policies, setPolicies] = useState('')
@@ -14,19 +13,7 @@ const Policies = () => {
 
   useEffect(() => {
     const fetchPolicies = async () => {
-      const response = await axios.post(
-        `${apiURL}/graphql`,
-        {
-          query: `query {
-                    userStoryPolicies {
-                      Description
-                    }
-                  }`
-        },
-        {
-          withCredentials: true
-        }
-      )
+      const response = await userStory.getPolicies()
       setPolicies(response.data.data.userStoryPolicies?.[0].Description)
     }
     trackPromise(fetchPolicies())

src/services/user_story.js

@@ -147,6 +147,16 @@ const userStory = {
     }
     return apiCall('/graphql', categoryQuery)
   },
+  getPolicies: () => {
+    const policyQuery = {
+      query: `query {
+        userStoryPolicies {
+          Description
+        }
+      }`
+    }
+    return apiCall('/graphql', policyQuery)
+  },
   getPriorities: () => {
     const priorityQuery = {
       query: `query { __type(name: "ENUM_USERSTORY_PRIORITY") {enumValues {name}}}`