dan
f8cdd6b9ae
* Split out NotificationsTab * Remove unused route parameter * Refine the split between components * Hoist some logic out of NotificationFeed * Remove unused option * Add all|conversations to query, hardcode "all" * Add a Conversations tab * Rename to Mentions * Bump packages * Rename fields * Fix oopsie * Simplify header * Track active tab * Fix types * Separate logic for tabs * Better border for first unread * Highlight unread for all only * Fix spinner races * Fix fetchPage races * Fix bottom bar border being obscured by glimmer * Remember last tab within the session * One tab at a time * Fix TS * Handle all RQKEY usages * Nit
73 lines
2.0 KiB
TypeScript
73 lines
2.0 KiB
TypeScript
import {msg} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
import {useMutation, useQueryClient} from '@tanstack/react-query'
|
|
|
|
import {until} from '#/lib/async/until'
|
|
import {logger} from '#/logger'
|
|
import {RQKEY as RQKEY_NOTIFS} from '#/state/queries/notifications/feed'
|
|
import {invalidateCachedUnreadPage} from '#/state/queries/notifications/unread'
|
|
import {useAgent} from '#/state/session'
|
|
import * as Toast from '#/view/com/util/Toast'
|
|
|
|
export function useNotificationSettingsMutation() {
|
|
const {_} = useLingui()
|
|
const agent = useAgent()
|
|
const queryClient = useQueryClient()
|
|
|
|
return useMutation({
|
|
mutationFn: async (keys: string[]) => {
|
|
const enabled = keys[0] === 'enabled'
|
|
|
|
await agent.api.app.bsky.notification.putPreferences({
|
|
priority: enabled,
|
|
})
|
|
|
|
await until(
|
|
5, // 5 tries
|
|
1e3, // 1s delay between tries
|
|
res => res.data.priority === enabled,
|
|
() => agent.api.app.bsky.notification.listNotifications({limit: 1}),
|
|
)
|
|
|
|
eagerlySetCachedPriority(queryClient, enabled)
|
|
},
|
|
onError: err => {
|
|
logger.error('Failed to save notification preferences', {
|
|
safeMessage: err,
|
|
})
|
|
Toast.show(
|
|
_(msg`Failed to save notification preferences, please try again`),
|
|
'xmark',
|
|
)
|
|
},
|
|
onSuccess: () => {
|
|
Toast.show(_(msg`Preference saved`))
|
|
},
|
|
onSettled: () => {
|
|
invalidateCachedUnreadPage()
|
|
queryClient.invalidateQueries({queryKey: RQKEY_NOTIFS('all')})
|
|
queryClient.invalidateQueries({queryKey: RQKEY_NOTIFS('mentions')})
|
|
},
|
|
})
|
|
}
|
|
|
|
function eagerlySetCachedPriority(
|
|
queryClient: ReturnType<typeof useQueryClient>,
|
|
enabled: boolean,
|
|
) {
|
|
function updateData(old: any) {
|
|
if (!old) return old
|
|
return {
|
|
...old,
|
|
pages: old.pages.map((page: any) => {
|
|
return {
|
|
...page,
|
|
priority: enabled,
|
|
}
|
|
}),
|
|
}
|
|
}
|
|
queryClient.setQueryData(RQKEY_NOTIFS('all'), updateData)
|
|
queryClient.setQueryData(RQKEY_NOTIFS('mentions'), updateData)
|
|
}
|