feat: multi-workspace (frontend) (#4232)

* select workspace component

* generateJWT mutation

* workspaces state and hooks

* requested changes

* mutation fix

* requested changes

* user workpsace delete call

* migration to drop and createt user workspace

* revert select props

* add DropdownMenu

* seperate multi-workspace dropdown as component

* Signup button displayed accurately

* update seed data for multi-workspace

* lint fix

* lint fix

* css fix

* lint fix

* state fix

* isDefined check

* refactor

* add default workspace constants for logo and name

* update migration

* lint fix

* isInviteMode check on sign-in/up

* removeWorkspaceMember mutation

* import fixes

* prop name fix

* backfill migration

* handle edge cases

* refactor

* remove migration query

* delete user on no-workspace found condition

* emit workspaceMember.deleted

* Fix event class and unrelated fix linked to a previously missing dependency

* Edit migration (I did it in prod manually)

* Revert changes

* Fix tests

* Fix conflicts

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/hooks/useWorkspaceSwitching.ts

@@ -0,0 +1,38 @@
+import { useNavigate } from 'react-router-dom';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
+
+import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
+import { tokenPairState } from '@/auth/states/tokenPairState';
+import { useGenerateJwtMutation } from '~/generated/graphql';
+import { isDefined } from '~/utils/isDefined';
+
+export const useWorkspaceSwitching = () => {
+  const navigate = useNavigate();
+  const setTokenPair = useSetRecoilState(tokenPairState);
+  const [generateJWT] = useGenerateJwtMutation();
+  const currentWorkspace = useRecoilValue(currentWorkspaceState);
+
+  const switchWorkspace = async (workspaceId: string) => {
+    if (currentWorkspace?.id === workspaceId) return;
+    const jwt = await generateJWT({
+      variables: {
+        workspaceId,
+      },
+    });
+
+    if (isDefined(jwt.errors)) {
+      throw jwt.errors;
+    }
+
+    if (!isDefined(jwt.data?.generateJWT)) {
+      throw new Error('could not create token');
+    }
+
+    const { tokens } = jwt.data.generateJWT;
+    setTokenPair(tokens);
+    navigate(`/objects/companies`);
+    window.location.reload();
+  };
+
+  return { switchWorkspace };
+};