Allow the setting of cookies when loading projects

This is to allow us to drop a cookie that can be used to authorize requests made by Scratch.

Using withCredentials allows cookies to be set in the request response.

Author: zetter-rpf

src/utils/apiCallHandler.js

@@ -65,7 +65,7 @@ const ApiCallHandler = ({ reactAppApiEndpoint }) => {
     const queryString = locale ? `?locale=${locale}` : "";
     return await get(
       `${host}/api/projects/${projectIdentifier}${queryString}`,
-      { headers: headers(accessToken) },
+      { headers: headers(accessToken), withCredentials: true },
     );
   };
 

src/utils/apiCallHandler.test.js

@@ -105,7 +105,7 @@ describe("Testing project API calls", () => {
     await readProject(projectIdentifier);
     expect(axios.get).toHaveBeenCalledWith(
       `${host}/api/projects/${projectIdentifier}`,
-      defaultHeaders,
+      { ...defaultHeaders, withCredentials: true },
     );
   });
 
@@ -117,7 +117,7 @@ describe("Testing project API calls", () => {
     await readProject(projectIdentifier, locale);
     expect(axios.get).toHaveBeenCalledWith(
       `${host}/api/projects/${projectIdentifier}?locale=${locale}`,
-      defaultHeaders,
+      { ...defaultHeaders, withCredentials: true },
     );
   });
 
@@ -128,7 +128,7 @@ describe("Testing project API calls", () => {
     await readProject(projectIdentifier, null, accessToken);
     expect(axios.get).toHaveBeenCalledWith(
       `${host}/api/projects/${projectIdentifier}`,
-      authHeaders,
+      { ...authHeaders, withCredentials: true },
     );
   });