Decamelize JSON body on fetch

opentech/static_src/src/app/src/api/notes.js

@@ -14,7 +14,7 @@ export function createNoteForSubmission(submissionID, note) {
         path: `/apply/api/submissions/${submissionID}/comments/`,
         method: 'POST',
         options: {
-            body: JSON.stringify(note),
+            body: note,
         }
     };
 }

opentech/static_src/src/app/src/api/utils.js

+import { decamelizeKeys } from 'humps';
 import Cookies from 'js-cookie';
 
 const getBaseUrl = () => {
     return process.env.API_BASE_URL;
 };
 
-export async function apiFetch({path, method = 'GET', params = {}, options = {}}) {
+export function apiFetch({path, method = 'GET', params = {}, options = {}, decamelizeJSON = true}) {
     const url = new URL(getBaseUrl());
     url.pathname = path;
 
@@ -22,6 +23,13 @@ export async function apiFetch({path, method = 'GET', params = {}, options = {}}
         };
     }
 
+    if (decamelizeJSON === true && options.body !== undefined) {
+        options = {
+            ...options,
+            body: JSON.stringify(decamelizeKeys(options.body))
+        }
+    }
+
     return fetch(url, {
         ...options,
         headers: {

opentech/static_src/src/app/src/redux/middleware/api.js

@@ -9,8 +9,7 @@ const callApi = (endpoint) => {
                   if (!response.ok) {
                       return Promise.reject({message: json.error})
                   }
-                  const camelizedJson = camelizeKeys(json)
-                  return camelizedJson
+                  return camelizeKeys(json)
               })
              )
 }