first commit

resources/client/user-lists/requests/use-add-to-watchlist.ts

@@ -0,0 +1,34 @@
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {useMutation} from '@tanstack/react-query';
+import {toast} from '@common/ui/toast/toast';
+import {message} from '@common/i18n/message';
+import {apiClient, queryClient} from '@common/http/query-client';
+import {showHttpErrorToast} from '@common/utils/http/show-http-error-toast';
+import {Title} from '@app/titles/models/title';
+import {useCurrentUserWatchlist} from '@app/user-lists/requests/use-current-user-watchlist';
+
+interface Response extends BackendResponse {}
+
+export function useAddToWatchlist() {
+  const {data} = useCurrentUserWatchlist();
+  return useMutation({
+    mutationFn: (payload: Title) =>
+      addToWatchlist(data!.watchlist!.id, payload),
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: ['channel', 'watchlist'],
+      });
+      toast(message('Added to your watchlist'));
+    },
+    onError: r => showHttpErrorToast(r),
+  });
+}
+
+function addToWatchlist(listId: number, payload: Title): Promise<Response> {
+  return apiClient
+    .post(`channel/${listId}/add`, {
+      itemId: payload.id,
+      itemType: payload.model_type,
+    })
+    .then(r => r.data);
+}