pl-fe: migrate follow requests to tanstack query

Signed-off-by: mkljczk <git@mkljczk.pl>

packages/pl-fe/src/api/hooks/account-lists/use-event-participation-requests.ts

@@ -1,5 +1,5 @@
 
-import { InfiniteData, useInfiniteQuery, useMutation } from '@tanstack/react-query';
+import { type InfiniteData, useInfiniteQuery, useMutation } from '@tanstack/react-query';
 
 import { importEntities } from 'pl-fe/actions/importer';
 import { minifyList } from 'pl-fe/api/normalizers/minify-list';

packages/pl-fe/src/api/hooks/account-lists/use-follow-requests.ts

@@ -0,0 +1,64 @@
+
+import { useInfiniteQuery, useMutation, type InfiniteData } from '@tanstack/react-query';
+
+import { minifyAccountList } from 'pl-fe/api/normalizers/minify-list';
+import { useClient } from 'pl-fe/hooks/use-client';
+import { queryClient } from 'pl-fe/queries/client';
+
+import type { PaginatedResponse, PlApiClient } from 'pl-api';
+
+const appendFollowRequest = (accountId: string) =>
+  queryClient.setQueryData<InfiniteData<ReturnType<typeof minifyAccountList>>>(['accountsLists', 'followRequests'], (data) => {
+    if (!data || data.pages.some(page => page.items.includes(accountId))) return data;
+
+    return {
+      ...data,
+      pages: data.pages.map((page, index) => index === 0 ? ({ ...page, items: [accountId, ...page.items] }) : page),
+    };
+  });
+
+const removeFollowRequest = (accountId: string) =>
+  queryClient.setQueryData<InfiniteData<ReturnType<typeof minifyAccountList>>>(['accountsLists', 'followRequests'], (data) => data ? {
+    ...data,
+    pages: data.pages.map(({ items, ...page }) => ({ ...page, items: items.filter((id) => id !== accountId) })),
+  } : undefined);
+
+const useFollowRequests = () => {
+  const client = useClient();
+
+  return useInfiniteQuery({
+    queryKey: ['accountsLists', 'followRequests'],
+    queryFn: ({ pageParam }) => pageParam.next?.() || client.myAccount.getFollowRequests().then(minifyAccountList),
+    initialPageParam: { previous: null, next: null, items: [], partial: false } as PaginatedResponse<string>,
+    getNextPageParam: (page) => page.next ? page : undefined,
+    select: (data) => data.pages.map(page => page.items).flat(),
+  });
+};
+
+const useAcceptFollowRequestMutation = (accountId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['accountsLists', 'followRequests', accountId],
+    mutationFn: () => client.myAccount.acceptFollowRequest(accountId),
+    onSettled: () => removeFollowRequest(accountId),
+  });
+};
+
+const useRejectFollowRequestMutation = (accountId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['accountsLists', 'followRequests', accountId],
+    mutationFn: () => client.myAccount.rejectFollowRequest(accountId),
+    onSettled: () => removeFollowRequest(accountId),
+  });
+};
+
+const prefetchFollowRequests = (client: PlApiClient) => queryClient.prefetchInfiniteQuery({
+  queryKey: ['accountsLists', 'followRequests'],
+  queryFn: ({ pageParam }) => pageParam.next?.() || client.myAccount.getFollowRequests().then(minifyAccountList),
+  initialPageParam: { previous: null, next: null, items: [], partial: false } as PaginatedResponse<string>,
+});
+
+export { appendFollowRequest, useFollowRequests, useAcceptFollowRequestMutation, useRejectFollowRequestMutation, prefetchFollowRequests };