mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 05:57:49 +00:00
c3aab44b5f
# Pull Request Template ## Description This PR adds a badge to the icon in the sidebar group header and an unread highlight for the inbox view. ## Type of change - [x] New feature (non-breaking change which adds functionality) ## How Has This Been Tested? **Loom video** https://www.loom.com/share/1a880aa16de249a1836b8d014325c067?sid=87cc7b64-667b-4066-8993-d33abccf7b67 ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [x] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
import { sortComparator } from './helpers';
|
|
import camelcaseKeys from 'camelcase-keys';
|
|
|
|
export const getters = {
|
|
getNotifications($state) {
|
|
return Object.values($state.records).sort((n1, n2) => n2.id - n1.id);
|
|
},
|
|
getFilteredNotifications: $state => filters => {
|
|
const sortOrder = filters.sortOrder === 'desc' ? 'newest' : 'oldest';
|
|
const sortedNotifications = Object.values($state.records).sort((n1, n2) =>
|
|
sortComparator(n1, n2, sortOrder)
|
|
);
|
|
return sortedNotifications;
|
|
},
|
|
getFilteredNotificationsV4: $state => filters => {
|
|
const sortOrder = filters.sortOrder === 'desc' ? 'newest' : 'oldest';
|
|
const sortedNotifications = Object.values($state.records).sort((n1, n2) =>
|
|
sortComparator(n1, n2, sortOrder)
|
|
);
|
|
return camelcaseKeys(sortedNotifications, { deep: true });
|
|
},
|
|
getNotificationById: $state => id => {
|
|
return $state.records[id] || {};
|
|
},
|
|
getUIFlags($state) {
|
|
return $state.uiFlags;
|
|
},
|
|
getNotification: $state => id => {
|
|
const notification = $state.records[id];
|
|
return notification || {};
|
|
},
|
|
getMeta: $state => {
|
|
return $state.meta;
|
|
},
|
|
getNotificationFilters($state) {
|
|
return $state.notificationFilters;
|
|
},
|
|
getHasUnreadNotifications: $state => {
|
|
return $state.meta.unreadCount > 0;
|
|
},
|
|
};
|