first commit

common/resources/client/notifications/subscriptions/requests/notification-subscriptions.ts

@@ -0,0 +1,28 @@
+import {useQuery} from '@tanstack/react-query';
+import {BackendResponse} from '@common/http/backend-response/backend-response';
+import {
+  NotificationSubscription,
+  NotificationSubscriptionGroup,
+} from '@common/notifications/subscriptions/notification-subscription';
+import {apiClient} from '@common/http/query-client';
+
+export interface FetchNotificationSubscriptionsResponse
+  extends BackendResponse {
+  available_channels: string[];
+  subscriptions: NotificationSubscriptionGroup[];
+  user_selections: NotificationSubscription[];
+}
+
+function fetchNotificationSubscriptions(): Promise<FetchNotificationSubscriptionsResponse> {
+  return apiClient
+    .get('notifications/me/subscriptions')
+    .then(response => response.data);
+}
+
+export function useNotificationSubscriptions() {
+  return useQuery({
+    queryKey: ['notification-subscriptions'],
+    queryFn: () => fetchNotificationSubscriptions(),
+    staleTime: Infinity,
+  });
+}

common/resources/client/notifications/subscriptions/requests/update-notification-settings.ts

@@ -0,0 +1,35 @@
+import {useMutation} from '@tanstack/react-query';
+import {BackendResponse} from '../../../http/backend-response/backend-response';
+import {toast} from '../../../ui/toast/toast';
+import {apiClient, queryClient} from '../../../http/query-client';
+import {message} from '../../../i18n/message';
+import {showHttpErrorToast} from '../../../utils/http/show-http-error-toast';
+
+interface Response extends BackendResponse {
+  //
+}
+
+type UpdateNotificationSettingsPayload = {
+  notif_id: string;
+  channels: Record<string, boolean>;
+}[];
+
+function UpdateNotificationSettings(
+  payload: UpdateNotificationSettingsPayload,
+): Promise<Response> {
+  return apiClient
+    .put('notifications/me/subscriptions', {selections: payload})
+    .then(r => r.data);
+}
+
+export function useUpdateNotificationSettings() {
+  return useMutation({
+    mutationFn: (payload: UpdateNotificationSettingsPayload) =>
+      UpdateNotificationSettings(payload),
+    onSuccess: () => {
+      toast(message('Updated preferences'));
+      queryClient.invalidateQueries({queryKey: ['notification-subscriptions']});
+    },
+    onError: err => showHttpErrorToast(err),
+  });
+}