Fix loading design by URL

src/api/kitePaint/__unit__/getDesign.test.js

@@ -11,14 +11,10 @@ describe("#getDesign", () => {
     };
   });
   it("makes the relevant request", async () => {
-    expect.assertions(2);
     await Api.getDesign("abc").catch(() => {});
-    expect(Api.axiosInstance.get.mock.calls[0][0]).toEqual("/designs.php");
-    expect(Api.axiosInstance.get.mock.calls[0][1]).toEqual({
-      params: {
-        id: "abc"
-      }
-    });
+    expect(Api.axiosInstance.get.mock.calls[0][0]).toEqual(
+      "/designs.php?filter%5Bid%5D=abc"
+    );
   });
   it("does not make identical requests when they have been cached", async () => {
     expect.assertions(1);

src/api/kitePaint/getDesign.js

@@ -1,3 +1,4 @@
+import Qs from "qs";
 import Design from "../../models/Design";
 import { error } from "../../theme/Alert";
 
@@ -15,11 +16,15 @@ export default async function getDesign(id, useCache = true) {
       return cache;
     }
   }
-  const response = await this.axiosInstance.get("/designs.php", {
-    params: {
+  const requestData = {
+    filter: {
       id
     }
-  });
+  };
+  const requestString = Qs.stringify(requestData);
+  const response = await this.axiosInstance.get(
+    `/designs.php?${requestString}`
+  );
 
   // Handle invalid responses
   if (!response.data || !response.data.length) {