forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
actually optimistic mark as read (#3917)
authored by
Samuel Newman
and committed by
GitHub
750a5c89
7d06fb94
+9
-5
+9
-4
src/state/queries/messages/conversation.ts
+9
-4
src/state/queries/messages/conversation.ts
···
1
1
import {BskyAgent} from '@atproto-labs/api'
2
-
import {useMutation, useQuery} from '@tanstack/react-query'
2
+
import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
3
3
4
4
import {useOnMarkAsRead} from '#/state/queries/messages/list-converations'
5
5
import {useDmServiceUrlStorage} from '#/screens/Messages/Temp/useDmServiceUrlStorage'
6
+
import {RQKEY as LIST_CONVOS_KEY} from './list-converations'
6
7
import {useHeaders} from './temp-headers'
7
8
8
9
const RQKEY_ROOT = 'convo'
···
28
29
export function useMarkAsReadMutation() {
29
30
const headers = useHeaders()
30
31
const {serviceUrl} = useDmServiceUrlStorage()
31
-
const onMarkAsRead = useOnMarkAsRead()
32
+
const optimisticUpdate = useOnMarkAsRead()
33
+
const queryClient = useQueryClient()
32
34
33
35
return useMutation({
34
36
mutationFn: async ({
···
50
52
},
51
53
)
52
54
},
53
-
onSuccess(_, {convoId}) {
54
-
onMarkAsRead(convoId)
55
+
onMutate({convoId}) {
56
+
optimisticUpdate(convoId)
57
+
},
58
+
onSettled() {
59
+
queryClient.invalidateQueries({queryKey: LIST_CONVOS_KEY})
55
60
},
56
61
})
57
62
}