Setup API and mocks for users and organizations

Author: modularcoder

src/_api/_data/organizationsData.ts

@@ -1,17 +1,17 @@
+import _keyBy from 'lodash/keyBy'
 import Organization from '_types/Organization'
 import organizationsToUsersData from './organizationsToUsersData'
 
-const organizationsDataById: { [key: number]: Organization } = {
-  1: {
+const list: Organization[] = [
+  {
     id: 1,
     name: 'ModularCode',
     plan: {
       id: 'silver',
       name: 'Silver',
     },
-    // organizationToUsers: organizationsToUsersData.byOrganizationId[1],
   },
-  2: {
+  {
     id: 2,
     name: 'Cool LLC',
     plan: {
@@ -20,7 +20,7 @@ const organizationsDataById: { [key: number]: Organization } = {
     },
     // organizationToUsers: organizationsToUsersData.byOrganizationId[2],
   },
-  3: {
+  {
     id: 3,
     name: 'Other LLC',
     plan: {
@@ -29,10 +29,13 @@ const organizationsDataById: { [key: number]: Organization } = {
     },
     // organizationToUsers: organizationsToUsersData.byOrganizationId[3],
   },
-}
+]
+
+const byId: { [key: number]: Organization } = _keyBy(list, 'id')
 
 const organizationsData = {
-  byId: organizationsDataById,
+  list,
+  byId,
 }
 
 export default organizationsData

src/_api/_mocks/index.ts

@@ -1,20 +1,14 @@
 import { AxiosInstance } from 'axios'
 import MockAdapter from 'axios-mock-adapter'
-import usersData from '../_data/usersData'
+
+import usersMocks from './usersMocks'
+import organizationsMocks from './organizationsMocks'
 
 const init = (instance: AxiosInstance) => {
   const mock = new MockAdapter(instance, { delayResponse: 200 })
 
-  mock.onGet('/users/profile').reply(200, {
-    ...usersData.current,
-  })
-
-  mock.onGet('/users').reply(200, {
-    users: {
-      ...usersData.list,
-    },
-    count: usersData.list.length,
-  })
+  usersMocks.init(mock)
+  organizationsMocks.init(mock)
 }
 
 export default {

src/_api/_mocks/organizationsMocks.ts

@@ -0,0 +1,50 @@
+import MockAdapter from 'axios-mock-adapter'
+import organizationsData from '../_data/organizationsData'
+
+export default {
+  init(mock: MockAdapter) {
+    mock.onGet('/organizations').reply(200, {
+      organizations: {
+        ...organizationsData.list,
+      },
+      count: organizationsData.list.length,
+    })
+
+    //
+    mock.onGet(/\/organizations\/\d+/).reply((config: any) => {
+      // console.log(config)
+      const urlPaths = config.url.split('/')
+      const organizationId = urlPaths[urlPaths.length - 1]
+      const organization = organizationsData.byId[organizationId]
+
+      if (organization) {
+        return [200, { ...organization }]
+      } else {
+        return [404, { message: 'Organization not found ' }]
+      }
+    })
+
+    mock.onPut(/\/organizations\/\d+/).reply((config: any) => {
+      const urlPaths = config.url.split('/')
+      const organizationId = urlPaths[urlPaths.length - 1]
+      const organizationData = JSON.parse(config.data)
+      const organization = organizationsData.byId[organizationId]
+
+      if (organization) {
+        return [200, { ...organization, ...organizationData }]
+      } else {
+        return [403, { message: 'Update not permitted' }]
+      }
+    })
+
+    mock.onPost(/\/organizations/).reply((config: any) => {
+      const organizationData = JSON.parse(config.data)
+
+      return [200, { id: 100, ...organizationData }]
+    })
+
+    mock.onDelete(/\/organizations\/\d+/).reply((config: any) => {
+      return [200, { message: 'Organization deleted' }]
+    })
+  },
+}

src/_api/_mocks/usersMocks.ts

@@ -0,0 +1,57 @@
+import MockAdapter from 'axios-mock-adapter'
+import usersData from '../_data/usersData'
+
+export default {
+  init(mock: MockAdapter) {
+    mock.onGet('/users/profile').reply(200, {
+      ...usersData.current,
+    })
+
+    mock.onGet('/users').reply(200, {
+      users: {
+        ...usersData.list,
+      },
+      count: usersData.list.length,
+    })
+
+    //
+    mock.onGet(/\/users\/\d+/).reply((config: any) => {
+      // console.log(config)
+      const urlPaths = config.url.split('/')
+      const userId = urlPaths[urlPaths.length - 1]
+      const user = usersData.byId[userId]
+
+      if (user) {
+        return [200, { ...user }]
+      } else {
+        return [404, { message: 'User not found ' }]
+      }
+    })
+
+    mock.onPut(/\/users\/\d+/).reply((config: any) => {
+      const urlPaths = config.url.split('/')
+      const userId = urlPaths[urlPaths.length - 1]
+      const userData = JSON.parse(config.data)
+      const user = usersData.byId[userId]
+
+      if (user) {
+        return [200, { ...user, ...userData }]
+      } else {
+        return [403, { message: 'Update not permitted' }]
+      }
+    })
+
+    mock.onPost(/\/users/).reply((config: any) => {
+      const userData = JSON.parse(config.data)
+
+      console.log('config', config)
+      console.log('userData', userData)
+
+      return [200, { id: 100, ...userData }]
+    })
+
+    mock.onDelete(/\/users\/\d+/).reply((config: any) => {
+      return [200, { message: 'User deleted' }]
+    })
+  },
+}