diff options
author | Samuel Newman <mozzius@protonmail.com> | 2024-05-08 03:23:09 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-05-07 21:23:09 -0500 |
commit | 4fe5a869c32c696862308cb8ff4537f34f43f06a (patch) | |
tree | dcaa40e286d18ffb45f591c911d9464145525010 /src/view/shell/bottom-bar/BottomBar.tsx | |
parent | 0c41b3188a4f4ffc701b980d98e3e7560ee2bc7b (diff) | |
download | voidsky-4fe5a869c32c696862308cb8ff4537f34f43f06a.tar.zst |
[🐴] Unread messages badge (#3901)
* add badge * move stringify logic to hook * add mutation hooks * optimistic mark convo as read * don't count muted chats * Integrate new context * Integrate mark unread mutation * Remove unused edit --------- Co-authored-by: Eric Bailey <git@esb.lol>
Diffstat (limited to 'src/view/shell/bottom-bar/BottomBar.tsx')
-rw-r--r-- | src/view/shell/bottom-bar/BottomBar.tsx | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/view/shell/bottom-bar/BottomBar.tsx b/src/view/shell/bottom-bar/BottomBar.tsx index 33f713322..0db8b242a 100644 --- a/src/view/shell/bottom-bar/BottomBar.tsx +++ b/src/view/shell/bottom-bar/BottomBar.tsx @@ -27,6 +27,7 @@ import {getTabState, TabState} from '#/lib/routes/helpers' import {useGate} from '#/lib/statsig/statsig' import {s} from '#/lib/styles' import {emitSoftReset} from '#/state/events' +import {useUnreadMessageCount} from '#/state/queries/messages/list-converations' import {useUnreadNotifications} from '#/state/queries/notifications/unread' import {useProfileQuery} from '#/state/queries/profile' import {useSession} from '#/state/session' @@ -68,6 +69,7 @@ export function BottomBar({navigation}: BottomTabBarProps) { isAtMessages, } = useNavigationTabState() const numUnreadNotifications = useUnreadNotifications() + const numUnreadMessages = useUnreadMessageCount() const {footerMinimalShellTransform} = useMinimalShellMode() const {data: profile} = useProfileQuery({did: currentAccount?.did}) const {requestSwitchToAccount} = useLoggedOutViewControls() @@ -257,9 +259,15 @@ export function BottomBar({navigation}: BottomTabBarProps) { ) } onPress={onPressMessages} + notificationCount={numUnreadMessages.numUnread} + accessible={true} accessibilityRole="tab" accessibilityLabel={_(msg`Messages`)} - accessibilityHint="" + accessibilityHint={ + numUnreadMessages.count > 0 + ? `${numUnreadMessages.numUnread} unread` + : '' + } /> )} <Btn |