summaryrefslogtreecommitdiff
path: root/apps/web/lib/queries/use-mark-all-as-read.ts
blob: 5fc14ea2aac350498ae088f44fe688bb292a8e00 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
"use client"

import { useMutation, useQueryClient } from "@tanstack/react-query"
import { createSupabaseBrowserClient } from "@/lib/supabase/client"
import { toast } from "sonner"
import { queryKeys } from "./query-keys"
import { notify } from "@/lib/notify"

export function useMarkAllAsRead() {
  const supabaseClient = createSupabaseBrowserClient()
  const queryClient = useQueryClient()

  return useMutation({
    mutationFn: async ({
      feedIdentifier,
      folderIdentifier,
      readState = true,
      entryIdentifiers,
    }: {
      feedIdentifier?: string | null
      folderIdentifier?: string | null
      readState?: boolean
      entryIdentifiers?: string[]
    } = {}) => {
      const { data, error } = await supabaseClient.rpc("mark_all_as_read", {
        p_feed_id: feedIdentifier ?? null,
        p_folder_id: folderIdentifier ?? null,
        p_read_state: readState,
        p_entry_ids: entryIdentifiers ?? null,
      })

      if (error) throw error

      return (data as string[]) ?? []
    },
    onSuccess: (affectedEntryIdentifiers, variables) => {
      queryClient.invalidateQueries({ queryKey: queryKeys.timeline.all })
      queryClient.invalidateQueries({ queryKey: queryKeys.unreadCounts.all })
      queryClient.invalidateQueries({ queryKey: queryKeys.savedEntries.all })

      const action = variables?.readState === false ? "unread" : "read"
      const undoReadState = !(variables?.readState ?? true)

      if (affectedEntryIdentifiers.length > 0) {
        toast(`marked ${affectedEntryIdentifiers.length} ${affectedEntryIdentifiers.length === 1 ? "entry" : "entries"} as ${action}`, {
          action: {
            label: "undo",
            onClick: () => {
              supabaseClient
                .rpc("mark_all_as_read", {
                  p_feed_id: null,
                  p_folder_id: null,
                  p_read_state: undoReadState,
                  p_entry_ids: affectedEntryIdentifiers,
                })
                .then(() => {
                  queryClient.invalidateQueries({ queryKey: queryKeys.timeline.all })
                  queryClient.invalidateQueries({ queryKey: queryKeys.unreadCounts.all })
                  queryClient.invalidateQueries({ queryKey: queryKeys.savedEntries.all })
                })
            },
          },
        })
      }
    },
    onError: (_, variables) => {
      const action = variables?.readState === false ? "unread" : "read"
      notify(`failed to mark entries as ${action}`)
    },
  })
}