Uses axios api to handle params

Author: ar-mac

client/src/api/client.js

@@ -21,6 +21,7 @@ export const client = axios.create({
     Accept: 'application/vnd.api+json',
     'Content-Type': 'application/vnd.api+json',
   },
+  paramsSerializer: params => qs.stringify(params, { format: 'RFC1738', arrayFormat: 'brackets' }),
 });
 
 client.interceptors.response.use(
@@ -47,10 +48,6 @@ client.interceptors.request.use(
   error => Promise.reject(error),
 );
 
-const stringifyParams = params => qs.stringify(params, { format: 'RFC1738', arrayFormat: 'brackets' });
-
-export const withParams = (url, params) => `${url}?${stringifyParams(params)}`;
-
 export const normalizeResponse = (response) => {
   const { data = [], included = [] } = response.data;
   const dataByType = groupBy(castArray(data).concat(included), 'type');

client/src/store/api/actions.js

@@ -2,7 +2,6 @@ import { omit } from 'lodash';
 
 import {
   client,
-  withParams,
   normalizeResponse,
   normalizeEndpointError,
   normalizeErrors,
@@ -22,33 +21,37 @@ export const UPDATE = createAsyncActionType('UPDATE');
 export const DELETE = createAsyncActionType('DELETE');
 
 export const fetchOne = createAsyncAction(GET_ONE, (payload, meta) => client({
-  url: withParams(`${meta.url}/${payload.id}`, { include: meta.include, ...omit(payload, 'id') }),
+  url: `${meta.url}/${payload.id}`,
+  params: { include: meta.include, ...omit(payload, 'id') },
   method: 'GET',
   data: JSON.stringify(payload),
 }).then(normalizeResponse).catch(normalizeEndpointError));
 
 export const fetchList = createAsyncAction(GET_LIST, (payload, meta) => {
   const params = { include: meta.include, ...payload };
   return client({
-    url: withParams(meta.url, params),
+    url: meta.url,
+    params,
     method: 'GET',
     data: JSON.stringify(payload),
   }).then(normalizeResponse).then(res => ({ ...res, params }));
 });
 
 export const createResource = createAsyncAction(CREATE, (payload, meta) => client({
-  url: withParams(meta.url, { include: meta.include }),
+  url: meta.url,
+  params: { include: meta.include },
   method: 'POST',
   data: denormalize(meta.key, payload),
 }).then(normalizeResponse).catch(normalizeErrors));
 
 export const updateResource = createAsyncAction(UPDATE, (payload, meta) => client({
-  url: withParams(`${meta.url}/${payload.id}`, { include: meta.include }),
+  url: `${meta.url}/${payload.id}`,
+  params: { include: meta.include },
   method: 'PUT',
   data: denormalize(meta.key, payload),
 }).then(normalizeResponse).catch(normalizeErrors));
 
 export const deleteResource = createAsyncAction(DELETE, (payload, meta) => client({
-  url: withParams(`${meta.url}/${payload.id}`),
+  url: `${meta.url}/${payload.id}`,
   method: 'DELETE',
 }).then(() => ({ data: payload })));