Setup Users and Organizations api services

Author: modularcoder

src/_api/organizations.ts

@@ -1,3 +1,54 @@
-const accountsService = {}
+import { AxiosResponse } from 'axios'
+import Organization, {
+  OrganizationSubmissionData,
+  OrganizationId,
+} from '_types/Organization'
+import apiClient from './client'
 
-export default accountsService
+export interface OrganizationsService {
+  getOne(organizationId: OrganizationId): Promise<Organization>
+  getList(params: any): Promise<OrganizationsListResponse>
+  create(organization: OrganizationSubmissionData): Promise<Organization>
+  update(
+    organizationId: OrganizationId,
+    organization: OrganizationSubmissionData,
+  ): Promise<Organization>
+  remove(organizationId: OrganizationId): Promise<any>
+}
+
+export interface OrganizationsListResponse {
+  organizations: Organization[]
+  count: number
+}
+
+const OrganizationsService: OrganizationsService = {
+  getOne(organizationId) {
+    return apiClient
+      .get(`/organizations/${organizationId}`)
+      .then((res: AxiosResponse<Organization>) => res.data)
+  },
+  getList(params: any) {
+    return apiClient
+      .get(`/organizations`, {
+        params,
+      })
+      .then((res: AxiosResponse<OrganizationsListResponse>) => res.data)
+  },
+  create(organization: OrganizationSubmissionData) {
+    return apiClient
+      .post(`/organizations`, organization)
+      .then((res: AxiosResponse<Organization>) => res.data)
+  },
+  update(organizationId, organization) {
+    return apiClient
+      .put(`/organizations/${organizationId}`, organization)
+      .then((res: AxiosResponse<Organization>) => res.data)
+  },
+  remove(organizationId) {
+    return apiClient
+      .delete(`/organizations/${organizationId}`)
+      .then((res: AxiosResponse<any>) => res.data)
+  },
+}
+
+export default OrganizationsService

src/_api/users.ts

@@ -1,10 +1,19 @@
 import { AxiosResponse } from 'axios'
-import User, { UserId } from '_types/User'
+import User, { UserSubmissionData, UserId } from '_types/User'
 import apiClient from './client'
 
 export interface UsersService {
   getProfile(): Promise<User>
   getOne(userId: UserId): Promise<User>
+  getList(params: any): Promise<UsersListResponse>
+  create(user: UserSubmissionData): Promise<User>
+  update(userId: UserId, user: UserSubmissionData): Promise<User>
+  remove(userId: UserId): Promise<any>
+}
+
+export interface UsersListResponse {
+  users: User[]
+  count: number
 }
 
 const usersService: UsersService = {
@@ -14,6 +23,26 @@ const usersService: UsersService = {
   getOne(userId) {
     return apiClient.get(`/users/${userId}`).then((res: AxiosResponse<User>) => res.data)
   },
+  getList(params: any) {
+    return apiClient
+      .get(`/users`, {
+        params,
+      })
+      .then((res: AxiosResponse<UsersListResponse>) => res.data)
+  },
+  create(user: UserSubmissionData) {
+    return apiClient.post(`/users`, user).then((res: AxiosResponse<User>) => res.data)
+  },
+  update(userId, user) {
+    return apiClient
+      .put(`/users/${userId}`, user)
+      .then((res: AxiosResponse<User>) => res.data)
+  },
+  remove(userId) {
+    return apiClient
+      .delete(`/users/${userId}`)
+      .then((res: AxiosResponse<any>) => res.data)
+  },
 }
 
 export default usersService

src/_types/Organization.tsx

@@ -8,10 +8,13 @@ export interface OrganizationPlan {
   features?: {}
 }
 
-export default interface Organization {
-  id: OrganizationId
+export interface OrganizationSubmissionData {
   name: string
-  username?: string | null
+  username?: string
+}
+
+export default interface Organization extends OrganizationSubmissionData {
+  id: OrganizationId
   plan: OrganizationPlan
   users?: User[]
   organizationToUsers?: OrganizationToUser[]

src/_types/User.tsx

@@ -7,8 +7,7 @@ export type UserId = number
 // Each user can have only one global role
 export type UserGlobalRole = 'admin' | 'support' | 'member'
 
-export default interface User {
-  id: UserId
+export interface UserSubmissionData {
   firstName?: string
   lastName?: string
   displayName?: string
@@ -17,6 +16,10 @@ export default interface User {
   password?: string
   avatarUrl?: string
   globalRole?: UserGlobalRole
+}
+
+export default interface User extends UserSubmissionData {
+  id: UserId
   organizations?: Organization[]
   userToOrganizations?: OrganizationToUser[]
 }