Added useApi hook.

hooks/useApi.js

@@ -0,0 +1,25 @@
+import { useCallback } from 'react';
+import { useRouter } from 'next/router';
+import { get, post, put, del } from 'lib/web';
+
+export default function useApi() {
+  const { basePath } = useRouter();
+
+  return {
+    get: useCallback(async (url, params, headers) => {
+      return get(`${basePath}/api/${url}`, params, headers);
+    }, []),
+
+    post: useCallback(async (url, params, headers) => {
+      return post(`${basePath}/api/${url}`, params, headers);
+    }, []),
+
+    put: useCallback(async (url, params, headers) => {
+      return put(`${basePath}/api/${url}`, params, headers);
+    }, []),
+
+    del: useCallback(async (url, params, headers) => {
+      return del(`${basePath}/api/${url}`, params, headers);
+    }, []),
+  };
+}

hooks/useDelete.js

@@ -1,11 +0,0 @@
-import { useCallback } from 'react';
-import { useRouter } from 'next/router';
-import { del } from 'lib/web';
-
-export default function useDelete() {
-  const { basePath } = useRouter();
-
-  return useCallback(async (url, params, headers) => {
-    return del(`${basePath}${url}`, params, headers);
-  }, []);
-}

hooks/useFetch.js

@@ -1,14 +1,13 @@
 import { useState, useEffect } from 'react';
-import { useRouter } from 'next/router';
-import { get } from 'lib/web';
 import { saveQuery } from 'store/queries';
+import useApi from './useApi';
 
 export default function useFetch(url, options = {}, update = []) {
   const [response, setResponse] = useState();
   const [error, setError] = useState();
   const [loading, setLoadiing] = useState(false);
   const [count, setCount] = useState(0);
-  const { basePath } = useRouter();
+  const { get } = useApi();
   const { params = {}, headers = {}, disabled, delay = 0, interval, onDataLoad } = options;
 
   async function loadData(params) {
@@ -17,7 +16,7 @@ export default function useFetch(url, options = {}, update = []) {
       setError(null);
       const time = performance.now();
 
-      const { data, status, ok } = await get(`${basePath}${url}`, params, headers);
+      const { data, status, ok } = await get(url, params, headers);
 
       await saveQuery(url, { time: performance.now() - time, completed: Date.now() });
 

hooks/usePost.js

@@ -1,11 +0,0 @@
-import { useCallback } from 'react';
-import { useRouter } from 'next/router';
-import { post } from 'lib/web';
-
-export default function usePost() {
-  const { basePath } = useRouter();
-
-  return useCallback(async (url, params, headers) => {
-    return post(`${basePath}${url}`, params, headers);
-  }, []);
-}