Fixed UI misalignments
This commit is contained in:
@@ -6,6 +6,7 @@ import {
|
||||
getNotifications,
|
||||
createNotification,
|
||||
markNotificationAsRead,
|
||||
archiveNotification,
|
||||
updateNotification,
|
||||
getCurrentUserTenantId,
|
||||
} from '../services/api';
|
||||
@@ -136,7 +137,10 @@ export function useInAppNotifications() {
|
||||
// Active in-app notifications in inbox (excluding trashed and drafts)
|
||||
const inboxNotifications = useMemo(() => {
|
||||
return inAppNotifications.filter(
|
||||
n => !trashedIds.includes(String(n.id)) && Number(n.status) !== NotificationStatus.Draft
|
||||
n =>
|
||||
!trashedIds.includes(String(n.id)) &&
|
||||
Number(n.status) !== NotificationStatus.Archived &&
|
||||
Number(n.status) !== NotificationStatus.Draft
|
||||
);
|
||||
}, [inAppNotifications, trashedIds]);
|
||||
|
||||
@@ -167,7 +171,9 @@ export function useInAppNotifications() {
|
||||
|
||||
// Trashed notifications (In-App only)
|
||||
const trashedNotifications = useMemo(() => {
|
||||
return inAppNotifications.filter(n => trashedIds.includes(String(n.id)));
|
||||
return inAppNotifications.filter(
|
||||
n => trashedIds.includes(String(n.id)) || Number(n.status) === NotificationStatus.Archived
|
||||
);
|
||||
}, [inAppNotifications, trashedIds]);
|
||||
|
||||
// Mutation to mark notification as read
|
||||
@@ -210,8 +216,8 @@ export function useInAppNotifications() {
|
||||
});
|
||||
}, [starredStorageKey]);
|
||||
|
||||
// Delete message (move to trash)
|
||||
const deleteMessage = useCallback((id: string | number) => {
|
||||
// Delete message (NotificationStatus == Archived & move to trash)
|
||||
const deleteMessage = useCallback(async (id: string | number) => {
|
||||
const strId = String(id);
|
||||
setTrashedIds(prev => {
|
||||
const next = prev.includes(strId) ? prev : [...prev, strId];
|
||||
@@ -221,10 +227,22 @@ export function useInAppNotifications() {
|
||||
} catch {}
|
||||
return next;
|
||||
});
|
||||
}, [trashStorageKey]);
|
||||
|
||||
// Restore from trash
|
||||
const restoreMessage = useCallback((id: string | number) => {
|
||||
queryClient.setQueryData<Notification[]>(['inapp-notifications', userId], (old = []) =>
|
||||
old.map(n => (String(n.id) === strId ? { ...n, status: NotificationStatus.Archived } : n))
|
||||
);
|
||||
|
||||
try {
|
||||
await archiveNotification(id);
|
||||
} catch (err) {
|
||||
console.warn('[deleteMessage] Error archiving notification on server:', err);
|
||||
} finally {
|
||||
queryClient.invalidateQueries({ queryKey: ['inapp-notifications'] });
|
||||
}
|
||||
}, [trashStorageKey, userId, queryClient]);
|
||||
|
||||
// Restore from trash / unarchive
|
||||
const restoreMessage = useCallback(async (id: string | number) => {
|
||||
const strId = String(id);
|
||||
setTrashedIds(prev => {
|
||||
const next = prev.filter(x => x !== strId);
|
||||
@@ -234,7 +252,19 @@ export function useInAppNotifications() {
|
||||
} catch {}
|
||||
return next;
|
||||
});
|
||||
}, [trashStorageKey]);
|
||||
|
||||
queryClient.setQueryData<Notification[]>(['inapp-notifications', userId], (old = []) =>
|
||||
old.map(n => (String(n.id) === strId ? { ...n, status: NotificationStatus.Read } : n))
|
||||
);
|
||||
|
||||
try {
|
||||
await markNotificationAsRead(id);
|
||||
} catch (err) {
|
||||
console.warn('[restoreMessage] Error restoring notification on server:', err);
|
||||
} finally {
|
||||
queryClient.invalidateQueries({ queryKey: ['inapp-notifications'] });
|
||||
}
|
||||
}, [trashStorageKey, userId, queryClient]);
|
||||
|
||||
// Permanent delete
|
||||
const permanentDelete = useCallback((id: string | number) => {
|
||||
|
||||
Reference in New Issue
Block a user