b7a7e5a0d3
* feat: Inbox view * feat: Bind real values * chore: code cleanup * feat: add observer * fix: Inbox icon * chore: more code cleanup * chore: Replace conversation id * chore: Minor fix * chore: Hide from side bar * chore: Fix eslint * chore: Minor fix * fix: dark mode color * chore: Minor fix * feat: Add description for each notification types * chore: remove commented code * Update InboxList.vue * Update InboxView.vue * chore: fix specs * fix: specs * Update InboxView.vue --------- Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
84 lines
2.7 KiB
JavaScript
84 lines
2.7 KiB
JavaScript
import types from '../../mutation-types';
|
|
import NotificationsAPI from '../../../api/notifications';
|
|
|
|
export const actions = {
|
|
get: async ({ commit }, { page = 1 } = {}) => {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: true });
|
|
try {
|
|
const {
|
|
data: {
|
|
data: { payload, meta },
|
|
},
|
|
} = await NotificationsAPI.get(page);
|
|
commit(types.CLEAR_NOTIFICATIONS);
|
|
commit(types.SET_NOTIFICATIONS, payload);
|
|
commit(types.SET_NOTIFICATIONS_META, meta);
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false });
|
|
} catch (error) {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false });
|
|
}
|
|
},
|
|
index: async ({ commit }, { page = 1 } = {}) => {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: true });
|
|
try {
|
|
const {
|
|
data: {
|
|
data: { payload, meta },
|
|
},
|
|
} = await NotificationsAPI.get(page);
|
|
commit(types.SET_NOTIFICATIONS, payload);
|
|
commit(types.SET_NOTIFICATIONS_META, meta);
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false });
|
|
if (payload.length < 15) {
|
|
commit(types.SET_ALL_NOTIFICATIONS_LOADED);
|
|
}
|
|
} catch (error) {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isFetching: false });
|
|
}
|
|
},
|
|
unReadCount: async ({ commit } = {}) => {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: true });
|
|
try {
|
|
const { data } = await NotificationsAPI.getUnreadCount();
|
|
commit(types.SET_NOTIFICATIONS_UNREAD_COUNT, data);
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: false });
|
|
} catch (error) {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdatingUnreadCount: false });
|
|
}
|
|
},
|
|
read: async (
|
|
{ commit },
|
|
{ primaryActorType, primaryActorId, unreadCount }
|
|
) => {
|
|
try {
|
|
await NotificationsAPI.read(primaryActorType, primaryActorId);
|
|
commit(types.SET_NOTIFICATIONS_UNREAD_COUNT, unreadCount - 1);
|
|
commit(types.UPDATE_NOTIFICATION, primaryActorId);
|
|
} catch (error) {
|
|
throw new Error(error);
|
|
}
|
|
},
|
|
readAll: async ({ commit }) => {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: true });
|
|
try {
|
|
await NotificationsAPI.readAll();
|
|
commit(types.SET_NOTIFICATIONS_UNREAD_COUNT, 0);
|
|
commit(types.UPDATE_ALL_NOTIFICATIONS);
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: false });
|
|
} catch (error) {
|
|
commit(types.SET_NOTIFICATIONS_UI_FLAG, { isUpdating: false });
|
|
throw new Error(error);
|
|
}
|
|
},
|
|
|
|
addNotification({ commit }, data) {
|
|
commit(types.ADD_NOTIFICATION, data);
|
|
},
|
|
deleteNotification({ commit }, data) {
|
|
commit(types.DELETE_NOTIFICATION, data);
|
|
},
|
|
clear({ commit }) {
|
|
commit(types.CLEAR_NOTIFICATIONS);
|
|
},
|
|
};
|