d417cb3e-e693-4c44-b6f9-cb92ec7a5d59

Committed 06 Jul 2024 08:46PM UTC coverage: 86.285% (+0.6%) from 85.678%

Build # d417cb3e-e693-4c44-b6f9-cb92ec7a5d59

Build Type

Pull #34

circleci

Committed by

Ruthuwamahoro

Commit Message

feat(wishlist & cart): wishlist & cart management (#31)

add to wishlist
list all wishes
delete wishlist
add to cart
update cart
delete cart
build UI
test all frontend endpoints
deploy

[#187300115]

Pull Request Pull Request #34: feat(real-time-notification)Ensure that all notifications are received

Run Details

171 of 219 branches covered (78.08%)

Branch coverage included in aggregate %.

518 of 572 new or added lines in 6 files covered. (90.56%)

40 existing lines in 2 files now uncovered.

2163 of 2486 relevant lines covered (87.01%)

1.73 hits per line

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

84.75

/src/redux/slices/notificationSlice.ts

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

export interface Notification {
  id: string;
  createdAt: string;
  message: string;
  isRead: boolean;
  event: string;
}

export interface shakisha {
  message: string;
  data: Notification[];
}

export interface NotificationState {
  data: shakisha | null;
  loading: boolean;
  message: string;
  error: string | null;
  success: boolean;
}

const initialState: NotificationState = {
  data: null,
  loading: false,
  message: '',
  error: '',
  success: false
};

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

export const markNotificationAsRead = createAsyncThunk(
  'notifications/markNotificationAsRead',
  async (id: string, thunkAPI) => {
    try {
      const response = await axiosRequest(
        'PATCH',
        `/notifications/${id}`,
        {},
        true
      );
      return { id, ...response.data };
    } catch (error) {
      return thunkAPI.rejectWithValue(error);
    }
  }
);

export const markAllNotificationsAsRead = createAsyncThunk(
  'notifications/markAllAsRead',
  async (_, thunkAPI) => {
    try {
      const response = await axiosRequest(
        'PATCH',
        '/notifications/markall',
        {},
        true
      );
      return response.data;
    } catch (error) {
      return thunkAPI.rejectWithValue(error);
    }
  }
);

const notificationsSlice = createSlice({
  name: 'notifications',
  initialState,
  reducers: {
    addNotification: (state, action: PayloadAction<Notification>) => {
      if (state.data) {
        state.data.data = [action.payload, ...state.data.data];
      } else {
        state.data = { message: '', data: [action.payload] };
      }
    },
    markAllAsRead: state => {
      if (state.data) {
        state.data.data.forEach(notification => {
          notification.isRead = true;
        });
      }
    }
  },
  extraReducers: builder => {
    builder
      .addCase(fetchNotifications.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(fetchNotifications.fulfilled, (state, action) => {
        state.loading = false;
        state.data = action.payload;
        state.message = action.payload.message;
        state.error = null;
        state.success = true;
      })
      .addCase(fetchNotifications.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message || 'Failed to fetch notifications';
        state.success = false;
        state.data = null;
      })
      .addCase(markNotificationAsRead.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(markNotificationAsRead.fulfilled, (state, action) => {
        state.loading = false;
        state.success = true;
        const notification = state.data?.data.find(
          notif => notif.id === action.payload.id
        );
        if (notification) {
          notification.isRead = true;
        }
      })
      .addCase(markNotificationAsRead.rejected, (state, action) => {
        state.loading = false;
        state.error =
          action.error.message || 'Failed to mark notification as read';
        state.success = false;
      })
      .addCase(markAllNotificationsAsRead.pending, state => {
        state.loading = true;
        state.error = null;
        state.success = false;
      })
      .addCase(markAllNotificationsAsRead.fulfilled, (state, action) => {
        state.loading = false;
        state.success = true;
        state.data = action.payload;
      })
      .addCase(markAllNotificationsAsRead.rejected, (state, action) => {
        state.loading = false;
        state.error =
          action.error.message || 'Failed to mark notifications as read';
        state.success = false;
      });
  }
});

export const { addNotification, markAllAsRead } = notificationsSlice.actions;
export default notificationsSlice.reducer;

1	import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';	1✔
2	import { axiosRequest } from '@/utils';	1✔
3		1✔
4	export interface Notification {	1✔
5	id: string;	1✔
6	createdAt: string;	1✔
7	message: string;	1✔
8	isRead: boolean;	1✔
9	event: string;	1✔
10	}	1✔
11		1✔
12	export interface shakisha {	1✔
13	message: string;	1✔
14	data: Notification[];	1✔
15	}	1✔
16		1✔
17	export interface NotificationState {	1✔
18	data: shakisha \| null;	1✔
19	loading: boolean;	1✔
20	message: string;	1✔
21	error: string \| null;	1✔
22	success: boolean;	1✔
23	}	1✔
24		1✔
25	const initialState: NotificationState = {	1✔
26	data: null,	1✔
27	loading: false,	1✔
28	message: '',	1✔
29	error: '',	1✔
30	success: false	1✔
31	};	1✔
32		1✔
33	export const fetchNotifications = createAsyncThunk(	1✔
34	'notifications/fetchNotifications',	1✔
35	async (_, thunkAPI) => {	1✔
36	try {	2✔
37	const response = await axiosRequest('GET', '/notifications', {}, true);	2✔
38	return response.data as shakisha;	1✔
39	} catch (error) {	1✔
40	return thunkAPI.rejectWithValue(error);	1✔
41	}	1✔
42	}	2✔
43	);	1✔
44		1✔
45	export const markNotificationAsRead = createAsyncThunk(	1✔
46	'notifications/markNotificationAsRead',	1✔
47	async (id: string, thunkAPI) => {	1✔
48	try {	1✔
49	const response = await axiosRequest(	1✔
50	'PATCH',	1✔
51	`/notifications/${id}`,	1✔
52	{},	1✔
53	true	1!
NEW 54	);	×
NEW 55	return { id, ...response.data };	×
56	} catch (error) {	1✔
57	return thunkAPI.rejectWithValue(error);	1✔
58	}	1✔
59	}	1✔
60	);	1✔
61		1✔
62	export const markAllNotificationsAsRead = createAsyncThunk(	1✔
63	'notifications/markAllAsRead',	1✔
64	async (_, thunkAPI) => {	1✔
65	try {	2✔
66	const response = await axiosRequest(	2✔
67	'PATCH',	2✔
68	'/notifications/markall',	2✔
69	{},	2✔
70	true	2✔
71	);	1✔
72	return response.data;	1✔
73	} catch (error) {	1✔
74	return thunkAPI.rejectWithValue(error);	1✔
75	}	1✔
76	}	2✔
77	);	1✔
78		1✔
79	const notificationsSlice = createSlice({	1✔
80	name: 'notifications',	1✔
81	initialState,	1✔
82	reducers: {	1✔
83	addNotification: (state, action: PayloadAction<Notification>) => {	1✔
NEW 84	if (state.data) {	×
NEW 85	state.data.data = [action.payload, ...state.data.data];	×
NEW 86	} else {	×
NEW 87	state.data = { message: '', data: [action.payload] };	×
NEW 88	}	×
NEW 89	},	×
90	markAllAsRead: state => {	1✔
NEW 91	if (state.data) {	×
NEW 92	state.data.data.forEach(notification => {	×
NEW 93	notification.isRead = true;	×
NEW 94	});	×
NEW 95	}	×
NEW 96	}	×
97	},	1✔
98	extraReducers: builder => {	1✔
99	builder	2✔
100	.addCase(fetchNotifications.pending, state => {	2✔
101	state.loading = true;	2✔
102	state.error = null;	2✔
103	state.success = false;	2✔
104	})	2✔
105	.addCase(fetchNotifications.fulfilled, (state, action) => {	2✔
106	state.loading = false;	1✔
107	state.data = action.payload;	1✔
108	state.message = action.payload.message;	1✔
109	state.error = null;	1✔
110	state.success = true;	1✔
111	})	1✔
112	.addCase(fetchNotifications.rejected, (state, action) => {	2✔
113	state.loading = false;	1✔
114	state.error = action.error.message \|\| 'Failed to fetch notifications';	1!
115	state.success = false;	1✔
116	state.data = null;	1✔
117	})	1✔
118	.addCase(markNotificationAsRead.pending, state => {	2✔
119	state.loading = true;	1✔
120	state.error = null;	1✔
121	state.success = false;	1✔
122	})	1✔
123	.addCase(markNotificationAsRead.fulfilled, (state, action) => {	2✔
NEW 124	state.loading = false;	×
NEW 125	state.success = true;	×
NEW 126	const notification = state.data?.data.find(	×
NEW 127	notif => notif.id === action.payload.id	×
NEW 128	);	×
NEW 129	if (notification) {	×
NEW 130	notification.isRead = true;	×
NEW 131	}	×
NEW 132	})	×
133	.addCase(markNotificationAsRead.rejected, (state, action) => {	2✔
134	state.loading = false;	1✔
135	state.error =	1✔
136	action.error.message \|\| 'Failed to mark notification as read';	1!
137	state.success = false;	1✔
138	})	1✔
139	.addCase(markAllNotificationsAsRead.pending, state => {	2✔
140	state.loading = true;	2✔
141	state.error = null;	2✔
142	state.success = false;	2✔
143	})	2✔
144	.addCase(markAllNotificationsAsRead.fulfilled, (state, action) => {	2✔
145	state.loading = false;	1✔
146	state.success = true;	1✔
147	state.data = action.payload;	1✔
148	})	1✔
149	.addCase(markAllNotificationsAsRead.rejected, (state, action) => {	2✔
150	state.loading = false;	1✔
151	state.error =	1✔
152	action.error.message \|\| 'Failed to mark notifications as read';	1!
153	state.success = false;	1✔
154	});	1✔
155	}	2✔
156	});	1✔
157		1✔
158	export const { addNotification, markAllAsRead } = notificationsSlice.actions;	1✔
159	export default notificationsSlice.reducer;	1✔

atlp-rwanda / alpha-ec-fe / d417cb3e-e693-4c44-b6f9-cb92ec7a5d59

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