move drugChemicalPair fetcher

src/API/explorePage.js

@@ -0,0 +1,16 @@
+import utils from './utils';
+import { api } from './baseUrlProxy';
+
+const routes = {
+  async getDrugChemicalPairs() {
+    let response;
+    try {
+      response = await api.post('/api/explore');
+    } catch (error) {
+      return utils.handleAxiosError(error);
+    }
+    return response.data;
+  },
+};
+
+export default routes;

src/pages/explore/DrugDiseasePairs.jsx

@@ -7,7 +7,7 @@ import {
 import { useHistory, Link } from 'react-router-dom';
 import QueryBuilderContext from '~/context/queryBuilder';
 import useQueryBuilder from '../queryBuilder/useQueryBuilder';
-import { api } from '../../API/baseUrlProxy';
+import explorePage from '~/API/explorePage';
 
 const useStyles = makeStyles({
   hover: {
@@ -20,10 +20,7 @@ const useStyles = makeStyles({
   },
 });
 
-const fetchPairs = async () => {
-  const res = await api.post('/api/explore');
-  return res.data;
-};
+const fetchPairs = explorePage.getDrugChemicalPairs;
 
 export default function DrugDiseasePairs() {
   const [pairs, setPairs] = React.useState([]);