e4ec676c-7bf9-4d34-af45-37cc7c922b2a

Committed 12 Jul 2024 08:39AM UTC coverage: 83.566% (-0.6%) from 84.191%

Build # e4ec676c-7bf9-4d34-af45-37cc7c922b2a

Build Type

push

circleci

Committed by

web-flow

Commit Message

feat(roles): assign roles (#46)

assign roles
update users listing

[#187300107]

Run Details

185 of 240 branches covered (77.08%)

Branch coverage included in aggregate %.

22 of 47 new or added lines in 1 file covered. (46.81%)

1 existing line in 1 file now uncovered.

2393 of 2845 relevant lines covered (84.11%)

1.75 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

69.71

/src/redux/slices/disableaccount.ts

import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
import { axiosRequest } from '@/utils';

export interface User {
  id: string;
  name: string;
  email: string;
  address: string;
  gender: string;
  birthdate: string;
  photoUrl: string;
  status: boolean;
  roleId?: string;
}

export interface FetchedUsers {
  message: string;
  data: User[];
}

export interface UserState {
  users: FetchedUsers | null;
  loading: boolean;
  message: string;
  error: string | null;
  success: boolean;
}

const initialState: UserState = {
  users: null,
  loading: false,
  message: '',
  error: '',
  success: false
};

export const fetchAllUsers = createAsyncThunk(
  'users/fetchAllUsers',
  async (_, thunkAPI) => {
    try {
      const response = await axiosRequest('GET', '/users', ' ', true);
      return response.data as unknown as FetchedUsers;
    } catch (error) {
      return thunkAPI.rejectWithValue(error);
    }
  }
);

export const disableAccount = createAsyncThunk(
  'users/disableAccount',
  async ({ userId, reasons }: { userId: string; reasons: any }, thunkAPI) => {
    try {
      const response = await axiosRequest(
        'POST',
        `/users/${userId}/account-status`,
        reasons,
        true
      );
      return response.data as UserState;
    } catch (error) {
      return thunkAPI.rejectWithValue(error);
    }
  }
);
export const assignRole = createAsyncThunk(
  'roles/assignRole',
  async (
    { userId, roleId }: { userId: string; roleId: string },
    { rejectWithValue }
  ) => {
    try {
      const response = await axiosRequest(
        'POST',
        `/users/roles`,
        { userId, roleId },
        true
      );
      return response.data;
    } catch (err: any) {
      return rejectWithValue(err.response?.data);
    }
  }
);

const usersSlice = createSlice({
  name: 'registereUsers',
  initialState,
  reducers: {},
  extraReducers: builder => {
    builder
      .addCase(fetchAllUsers.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(fetchAllUsers.fulfilled, (state, action) => {
        state.loading = false;
        state.users = action.payload;
        state.error = null;
        state.success = true;
      })
      .addCase(fetchAllUsers.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message || 'Failed to fetch users';
        state.success = false;
        state.users = null;
      })
      .addCase(disableAccount.pending, state => {
        state.loading = true;
        state.error = null;
      })
      .addCase(disableAccount.fulfilled, (state, action) => {
        state.loading = false;
        state.error = null;
        if (state.users) {
          const index = state.users.data.findIndex(
            user => user.id === action.meta.arg.userId
          );
          if (index !== -1) {
            state.users.data[index].status = false;
          }
        }
        state.message = action.payload.message;
        state.success = true;
      })
      .addCase(disableAccount.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message || 'Failed to disable account';
        state.success = false;
      })
      .addCase(assignRole.pending, state => {
        state.loading = true;
        state.success = false;
        state.error = null;
      })
      .addCase(assignRole.fulfilled, (state, action) => {
        state.loading = false;
        state.success = true;
        state.error = null;
        const { userId, roleId } = action.meta.arg;
        const updatedUsers = state.users?.data.map(user => {
          if (user.id === userId) {
            return { ...user, roleId };
          }
          return user;
        });
        if (updatedUsers) {
          state.users!.data = updatedUsers;
        }
      })
      .addCase(assignRole.rejected, (state, action) => {
        state.loading = false;
        state.success = false;
        state.error = action.payload
          ? (action.payload as any).message
          : 'Unknown error';
      });
  }
});

export default usersSlice.reducer;

1	import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';	1✔
2	import { axiosRequest } from '@/utils';	1✔
3		1✔
4	export interface User {	1✔
5	id: string;	1✔
6	name: string;	1✔
7	email: string;	1✔
8	address: string;	1✔
9	gender: string;	1✔
10	birthdate: string;	1✔
11	photoUrl: string;	1✔
12	status: boolean;	1✔
13	roleId?: string;	1✔
14	}	1✔
15		1✔
16	export interface FetchedUsers {	1✔
17	message: string;	1✔
18	data: User[];	1✔
19	}	1✔
20		1✔
21	export interface UserState {	1✔
22	users: FetchedUsers \| null;	1✔
23	loading: boolean;	1✔
24	message: string;	1✔
25	error: string \| null;	1✔
26	success: boolean;	1✔
27	}	1✔
28		1✔
29	const initialState: UserState = {	1✔
30	users: null,	1✔
31	loading: false,	1✔
32	message: '',	1✔
33	error: '',	1✔
34	success: false	1✔
35	};	1✔
36		1✔
37	export const fetchAllUsers = createAsyncThunk(	1✔
38	'users/fetchAllUsers',	1✔
39	async (_, thunkAPI) => {	1✔
40	try {	1✔
41	const response = await axiosRequest('GET', '/users', ' ', true);	1!
42	return response.data as unknown as FetchedUsers;	×
43	} catch (error) {	1✔
44	return thunkAPI.rejectWithValue(error);	1✔
45	}	1✔
46	}	1✔
47	);	1✔
48		1✔
49	export const disableAccount = createAsyncThunk(	1✔
50	'users/disableAccount',	1✔
51	async ({ userId, reasons }: { userId: string; reasons: any }, thunkAPI) => {	1✔
52	try {	1✔
53	const response = await axiosRequest(	1✔
54	'POST',	1✔
55	`/users/${userId}/account-status`,	1✔
56	reasons,	1✔
57	true	1!
58	);	×
59	return response.data as UserState;	×
60	} catch (error) {	1✔
61	return thunkAPI.rejectWithValue(error);	1✔
62	}	1✔
63	}	1✔
64	);	1✔
65	export const assignRole = createAsyncThunk(	1✔
66	'roles/assignRole',	1✔
67	async (	1✔
68	{ userId, roleId }: { userId: string; roleId: string },	2✔
69	{ rejectWithValue }	2✔
70	) => {	2✔
71	try {	2✔
72	const response = await axiosRequest(	2✔
73	'POST',	2✔
74	`/users/roles`,	2✔
75	{ userId, roleId },	2✔
76	true	2!
NEW 77	);	×
NEW 78	return response.data;	×
79	} catch (err: any) {	2✔
80	return rejectWithValue(err.response?.data);	2!
81	}	2✔
82	}	2✔
83	);	1✔
84		1✔
85	const usersSlice = createSlice({	1✔
86	name: 'registereUsers',	1✔
87	initialState,	1✔
88	reducers: {},	1✔
89	extraReducers: builder => {	1✔
90	builder	2✔
91	.addCase(fetchAllUsers.pending, state => {	2✔
92	state.loading = true;	1✔
93	state.error = null;	1✔
94	state.success = false;	1✔
95	})	1✔
96	.addCase(fetchAllUsers.fulfilled, (state, action) => {	2✔
97	state.loading = false;	×
98	state.users = action.payload;	×
99	state.error = null;	×
100	state.success = true;	×
101	})	×
102	.addCase(fetchAllUsers.rejected, (state, action) => {	2✔
103	state.loading = false;	1✔
104	state.error = action.error.message \|\| 'Failed to fetch users';	1!
105	state.success = false;	1✔
106	state.users = null;	1✔
107	})	1✔
108	.addCase(disableAccount.pending, state => {	2✔
109	state.loading = true;	1✔
110	state.error = null;	1✔
111	})	1✔
112	.addCase(disableAccount.fulfilled, (state, action) => {	2✔
113	state.loading = false;	×
114	state.error = null;	×
115	if (state.users) {	×
116	const index = state.users.data.findIndex(	×
117	user => user.id === action.meta.arg.userId	×
118	);	×
119	if (index !== -1) {	×
120	state.users.data[index].status = false;	×
121	}	×
122	}	×
123	state.message = action.payload.message;	×
124	state.success = true;	×
125	})	×
126	.addCase(disableAccount.rejected, (state, action) => {	2✔
127	state.loading = false;	1✔
128	state.error = action.error.message \|\| 'Failed to disable account';	1!
129	state.success = false;	1✔
130	})	1✔
131	.addCase(assignRole.pending, state => {	2✔
NEW 132	state.loading = true;	×
NEW 133	state.success = false;	×
NEW 134	state.error = null;	×
NEW 135	})	×
136	.addCase(assignRole.fulfilled, (state, action) => {	2✔
NEW 137	state.loading = false;	×
NEW 138	state.success = true;	×
NEW 139	state.error = null;	×
NEW 140	const { userId, roleId } = action.meta.arg;	×
NEW 141	const updatedUsers = state.users?.data.map(user => {	×
NEW 142	if (user.id === userId) {	×
NEW 143	return { ...user, roleId };	×
NEW 144	}	×
NEW 145	return user;	×
NEW 146	});	×
NEW 147	if (updatedUsers) {	×
NEW 148	state.users!.data = updatedUsers;	×
NEW 149	}	×
NEW 150	})	×
151	.addCase(assignRole.rejected, (state, action) => {	2✔
NEW 152	state.loading = false;	×
NEW 153	state.success = false;	×
NEW 154	state.error = action.payload	×
NEW 155	? (action.payload as any).message	×
NEW 156	: 'Unknown error';	×
UNCOV 157	});	×
158	}	2✔
159	});	1✔
160		1✔
161	export default usersSlice.reducer;	1✔

atlp-rwanda / alpha-ec-fe / e4ec676c-7bf9-4d34-af45-37cc7c922b2a

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous