first commit

common/resources/client/workspace/requests/join-workspace.ts

@@ -0,0 +1,46 @@
+import axios from 'axios';
+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 {Workspace} from '../types/workspace';
+import {WorkspaceQueryKeys} from './workspace-query-keys';
+import {useActiveWorkspaceId} from '../active-workspace-id-context';
+import {useUserNotifications} from '../../notifications/dialog/requests/user-notifications';
+import {message} from '../../i18n/message';
+import {showHttpErrorToast} from '../../utils/http/show-http-error-toast';
+
+interface Response extends BackendResponse {
+  workspace: Workspace;
+}
+
+interface Props {
+  inviteId: string;
+}
+
+export function useJoinWorkspace() {
+  const {setWorkspaceId} = useActiveWorkspaceId() || {};
+  return useMutation({
+    mutationFn: (props: Props) => joinWorkspace(props),
+    onSuccess: response => {
+      toast(message('Joined workspace'));
+      setWorkspaceId(response.workspace.id);
+      queryClient.invalidateQueries({
+        queryKey: WorkspaceQueryKeys.fetchUserWorkspaces,
+      });
+      queryClient.invalidateQueries({queryKey: useUserNotifications.key});
+    },
+    onError: e => {
+      if (axios.isAxiosError(e) && e.response && e.response.status === 404) {
+        queryClient.invalidateQueries({queryKey: useUserNotifications.key});
+        toast.danger(message('This invite is no longer valid'));
+      } else {
+        showHttpErrorToast(e);
+      }
+    },
+  });
+}
+
+function joinWorkspace({inviteId}: Props): Promise<Response> {
+  return apiClient.get(`workspace/join/${inviteId}`).then(r => r.data);
+}