refacto(invite|signin): remove unused code + fix signin on invite page. (#9745)

- Replace `window.location.replace` by `useRedirect` hook.
- Remove unused code: `switchWorkspace, addUserByInviteHash...`
- Refacto `Invite` component.
- Fix signin on invite modal.

packages/twenty-front/src/pages/auth/Invite.tsx

@@ -1,104 +1,27 @@
 import { Logo } from '@/auth/components/Logo';
 import { Title } from '@/auth/components/Title';
-import { FooterNote } from '@/auth/sign-in-up/components/FooterNote';
 import { SignInUpWorkspaceScopeForm } from '@/auth/sign-in-up/components/SignInUpWorkspaceScopeForm';
-import { useSignInUpForm } from '@/auth/sign-in-up/hooks/useSignInUpForm';
 import { useWorkspaceFromInviteHash } from '@/auth/sign-in-up/hooks/useWorkspaceFromInviteHash';
-import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
-import { useWorkspaceSwitching } from '@/ui/navigation/navigation-drawer/hooks/useWorkspaceSwitching';
-import styled from '@emotion/styled';
 import { useMemo } from 'react';
-import { useSearchParams } from 'react-router-dom';
-import { useRecoilValue } from 'recoil';
-import { AnimatedEaseIn, Loader, MainButton } from 'twenty-ui';
-import {
-  useAddUserToWorkspaceByInviteTokenMutation,
-  useAddUserToWorkspaceMutation,
-} from '~/generated/graphql';
-import { isDefined } from '~/utils/isDefined';
-import { currentUserState } from '@/auth/states/currentUserState';
+import { AnimatedEaseIn } from 'twenty-ui';
+
 import { SignInUpWorkspaceScopeFormEffect } from '@/auth/sign-in-up/components/SignInUpWorkspaceScopeFormEffect';
 
-const StyledContentContainer = styled.div`
-  margin-bottom: ${({ theme }) => theme.spacing(8)};
-  margin-top: ${({ theme }) => theme.spacing(4)};
-`;
-
 export const Invite = () => {
-  const { workspace: workspaceFromInviteHash, workspaceInviteHash } =
-    useWorkspaceFromInviteHash();
-
-  const { form } = useSignInUpForm();
-  const currentWorkspace = useRecoilValue(currentWorkspaceState);
-  const currentUser = useRecoilValue(currentUserState);
-  const [addUserToWorkspace] = useAddUserToWorkspaceMutation();
-  const [addUserToWorkspaceByInviteToken] =
-    useAddUserToWorkspaceByInviteTokenMutation();
-  const { switchWorkspace } = useWorkspaceSwitching();
-  const [searchParams] = useSearchParams();
-  const workspaceInviteToken = searchParams.get('inviteToken');
+  const { workspace: workspaceFromInviteHash } = useWorkspaceFromInviteHash();
 
   const title = useMemo(() => {
     return `Join ${workspaceFromInviteHash?.displayName ?? ''} team`;
   }, [workspaceFromInviteHash?.displayName]);
 
-  const handleUserJoinWorkspace = async () => {
-    if (isDefined(workspaceInviteToken) && isDefined(workspaceFromInviteHash)) {
-      await addUserToWorkspaceByInviteToken({
-        variables: {
-          inviteToken: workspaceInviteToken,
-        },
-      });
-    } else if (
-      isDefined(workspaceInviteHash) &&
-      isDefined(workspaceFromInviteHash)
-    ) {
-      await addUserToWorkspace({
-        variables: {
-          inviteHash: workspaceInviteHash,
-        },
-      });
-    } else {
-      return;
-    }
-
-    await switchWorkspace(workspaceFromInviteHash.id);
-  };
-
-  if (
-    !isDefined(workspaceFromInviteHash) ||
-    (isDefined(workspaceFromInviteHash) &&
-      isDefined(currentWorkspace) &&
-      workspaceFromInviteHash.id === currentWorkspace.id)
-  ) {
-    return <></>;
-  }
-
   return (
     <>
       <AnimatedEaseIn>
         <Logo secondaryLogo={workspaceFromInviteHash?.logo} />
       </AnimatedEaseIn>
       <Title animate>{title}</Title>
-      {isDefined(currentUser) ? (
-        <>
-          <StyledContentContainer>
-            <MainButton
-              title="Continue"
-              type="submit"
-              onClick={handleUserJoinWorkspace}
-              Icon={() => form.formState.isSubmitting && <Loader />}
-              fullWidth
-            />
-          </StyledContentContainer>
-          <FooterNote />
-        </>
-      ) : (
-        <>
-          <SignInUpWorkspaceScopeFormEffect />
-          <SignInUpWorkspaceScopeForm />
-        </>
-      )}
+      <SignInUpWorkspaceScopeFormEffect />
+      <SignInUpWorkspaceScopeForm />
     </>
   );
 };

packages/twenty-front/src/pages/settings/SettingsBilling.tsx

@@ -27,6 +27,7 @@ import {
 } from '~/generated/graphql';
 import { isDefined } from '~/utils/isDefined';
 import { getSettingsPath } from '~/utils/navigation/getSettingsPath';
+import { useRedirect } from '@/domain-manager/hooks/useRedirect';
 
 type SwitchInfo = {
   newInterval: SubscriptionInterval;
@@ -38,6 +39,8 @@ type SwitchInfo = {
 export const SettingsBilling = () => {
   const { t } = useLingui();
 
+  const { redirect } = useRedirect();
+
   const MONTHLY_SWITCH_INFO: SwitchInfo = {
     newInterval: SubscriptionInterval.Year,
     to: t`to yearly`,
@@ -89,7 +92,7 @@ export const SettingsBilling = () => {
 
   const openBillingPortal = () => {
     if (isDefined(data) && isDefined(data.billingPortalSession.url)) {
-      window.location.replace(data.billingPortalSession.url);
+      redirect(data.billingPortalSession.url);
     }
   };