Replace Add User to Lists Modal with modern Dialog (#9677)

Co-authored-by: Claude Haiku 4.5 <noreply@anthropic.com>
Co-authored-by: Eric Bailey <git@esb.lol>

src/state/queries/lists-with-membership.ts

@@ -0,0 +1,122 @@
+import {
+  type AppBskyActorDefs,
+  type AppBskyGraphGetListsWithMembership,
+} from '@atproto/api'
+import {
+  type InfiniteData,
+  type QueryClient,
+  type QueryKey,
+  useInfiniteQuery,
+} from '@tanstack/react-query'
+
+import {createQueryKey} from '#/state/queries/util'
+import {useAgent} from '#/state/session'
+
+export type ListWithMembership =
+  AppBskyGraphGetListsWithMembership.ListWithMembership
+
+const listsWithMembershipQueryKeyRoot = 'lists-with-membership'
+export const createListsWithMembershipQueryKey = (args: {actor: string}) =>
+  createQueryKey(listsWithMembershipQueryKeyRoot, args)
+
+export function useListsWithMembershipQuery({
+  actor,
+  enabled = true,
+}: {
+  actor: string | undefined
+  enabled?: boolean
+}) {
+  const agent = useAgent()
+
+  return useInfiniteQuery<
+    AppBskyGraphGetListsWithMembership.OutputSchema,
+    Error,
+    InfiniteData<AppBskyGraphGetListsWithMembership.OutputSchema>,
+    QueryKey,
+    string | undefined
+  >({
+    queryKey: createListsWithMembershipQueryKey({actor: actor ?? ''}),
+    queryFn: async ({pageParam}: {pageParam?: string}) => {
+      const res = await agent.app.bsky.graph.getListsWithMembership({
+        actor: actor!, // the enabled flag prevents this from running until actor is set
+        limit: 50,
+        cursor: pageParam,
+      })
+      return res.data
+    },
+    enabled: Boolean(actor) && enabled,
+    initialPageParam: undefined,
+    getNextPageParam: lastPage => lastPage.cursor,
+  })
+}
+
+export function updateListMembershipOptimistically({
+  queryClient,
+  actor,
+  listUri,
+  membershipUri,
+  subject,
+}: {
+  queryClient: QueryClient
+  actor: string
+  listUri: string
+  membershipUri: string
+  subject: AppBskyActorDefs.ProfileView
+}) {
+  queryClient.setQueryData<
+    InfiniteData<AppBskyGraphGetListsWithMembership.OutputSchema>
+  >(createListsWithMembershipQueryKey({actor}), old => {
+    if (!old) return old
+
+    return {
+      ...old,
+      pages: old.pages.map(page => ({
+        ...page,
+        listsWithMembership: page.listsWithMembership.map(lwm => {
+          if (lwm.list.uri === listUri) {
+            return {
+              ...lwm,
+              listItem: {
+                uri: membershipUri,
+                subject,
+              },
+            }
+          }
+          return lwm
+        }),
+      })),
+    }
+  })
+}
+
+export function removeListMembershipOptimistically({
+  queryClient,
+  actor,
+  listUri,
+}: {
+  queryClient: QueryClient
+  actor: string
+  listUri: string
+}) {
+  queryClient.setQueryData<
+    InfiniteData<AppBskyGraphGetListsWithMembership.OutputSchema>
+  >(createListsWithMembershipQueryKey({actor}), old => {
+    if (!old) return old
+
+    return {
+      ...old,
+      pages: old.pages.map(page => ({
+        ...page,
+        listsWithMembership: page.listsWithMembership.map(lwm => {
+          if (lwm.list.uri === listUri) {
+            return {
+              ...lwm,
+              listItem: undefined,
+            }
+          }
+          return lwm
+        }),
+      })),
+    }
+  })
+}