Create UserTransformer

Transforms data into User objects and back again.

We added the UserParams interface to handle sending data back to the API in a uniform manner.

We also modified the User object to store the user's language and theme for simplicity's sake, since the app state wants this information today.

transformers/UserTransformer.tsx

@@ -0,0 +1,26 @@
+// Transforms API response to User object
+export function toObject(data: any): User {
+  return {
+    id: data.id,
+    username: data.username,
+    avatar: {
+      picture: data.avatar.picture,
+      element: data.avatar.element,
+    },
+    gender: data.gender,
+    language: data.language,
+    theme: data.theme,
+  } as User
+}
+
+// Transforms User object into API parameters
+export function toParams(data: User): UserParams {
+  return {
+    username: data.username,
+    picture: data.avatar.picture,
+    element: data.avatar.element,
+    language: data.language,
+    gender: data.gender,
+    theme: data.theme,
+  }
+}

types/User.d.ts

@@ -7,4 +7,6 @@ interface User {
     element: string
   }
   gender: number
+  language: string
+  theme: string
 }

types/UserParams.d.ts

@@ -0,0 +1,8 @@
+interface UserParams {
+  username?: string
+  picture?: string
+  element?: string
+  language?: string
+  gender?: number
+  theme?: string
+}