5509 remove flash on intermediate verify step when sign in with sso (#5526)

- remove flash on /verify
- remove flash on signInUp
- remove useless redirections and hooks
- Remove DefaultHomePage component
- Move redirections to /objects/companies in PageChangeEffect
- add useShowAuthModal hooks and tests
- add usePageChangeEffectNaviteLocation hooks and tests
- fix refresh token expired produces blank screen

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

@@ -1,5 +1,4 @@
-import { useEffect, useMemo } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useMemo } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
@@ -10,10 +9,7 @@ import { SignInUpForm } from '@/auth/sign-in-up/components/SignInUpForm';
 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 { AppPath } from '@/types/AppPath';
 import { Loader } from '@/ui/feedback/loader/components/Loader';
-import { SnackBarVariant } from '@/ui/feedback/snack-bar-manager/components/SnackBar';
-import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
 import { MainButton } from '@/ui/input/button/components/MainButton';
 import { useWorkspaceSwitching } from '@/ui/navigation/navigation-drawer/hooks/useWorkspaceSwitching';
 import { AnimatedEaseIn } from '@/ui/utilities/animation/components/AnimatedEaseIn';
@@ -26,13 +22,8 @@ const StyledContentContainer = styled.div`
 `;
 
 export const Invite = () => {
-  const { enqueueSnackBar } = useSnackBar();
-  const navigate = useNavigate();
-  const {
-    workspace: workspaceFromInviteHash,
-    loading: workspaceFromInviteHashLoading,
-    workspaceInviteHash,
-  } = useWorkspaceFromInviteHash();
+  const { workspace: workspaceFromInviteHash, workspaceInviteHash } =
+    useWorkspaceFromInviteHash();
   const { form } = useSignInUpForm();
   const currentWorkspace = useRecoilValue(currentWorkspaceState);
   const [addUserToWorkspace] = useAddUserToWorkspaceMutation();
@@ -56,68 +47,41 @@ export const Invite = () => {
     await switchWorkspace(workspaceFromInviteHash.id);
   };
 
-  useEffect(() => {
-    if (
-      !isDefined(workspaceFromInviteHash) &&
-      !workspaceFromInviteHashLoading
-    ) {
-      enqueueSnackBar('workspace does not exist', {
-        variant: SnackBarVariant.Error,
-      });
-      if (isDefined(currentWorkspace)) {
-        navigate(AppPath.Index);
-      } else {
-        navigate(AppPath.SignInUp);
-      }
-    }
-    if (
+  if (
+    !isDefined(workspaceFromInviteHash) ||
+    (isDefined(workspaceFromInviteHash) &&
       isDefined(currentWorkspace) &&
-      currentWorkspace.id === workspaceFromInviteHash?.id
-    ) {
-      enqueueSnackBar(
-        `You already belong to ${workspaceFromInviteHash?.displayName} workspace`,
-        {
-          variant: SnackBarVariant.Info,
-        },
-      );
-      navigate(AppPath.Index);
-    }
-  }, [
-    navigate,
-    enqueueSnackBar,
-    currentWorkspace,
-    workspaceFromInviteHash,
-    workspaceFromInviteHashLoading,
-  ]);
+      workspaceFromInviteHash.id === currentWorkspace.id)
+  ) {
+    return <></>;
+  }
 
   return (
-    !workspaceFromInviteHashLoading && (
-      <>
-        <AnimatedEaseIn>
-          <Logo workspaceLogo={workspaceFromInviteHash?.logo} />
-        </AnimatedEaseIn>
-        <Title animate>{title}</Title>
-        {isDefined(currentWorkspace) && workspaceFromInviteHash ? (
-          <>
-            <StyledContentContainer>
-              <MainButton
-                variant="secondary"
-                title="Continue"
-                type="submit"
-                onClick={handleUserJoinWorkspace}
-                Icon={() => form.formState.isSubmitting && <Loader />}
-                fullWidth
-              />
-            </StyledContentContainer>
-            <FooterNote>
-              By using Twenty, you agree to the Terms of Service and Privacy
-              Policy.
-            </FooterNote>
-          </>
-        ) : (
-          <SignInUpForm />
-        )}
-      </>
-    )
+    <>
+      <AnimatedEaseIn>
+        <Logo workspaceLogo={workspaceFromInviteHash?.logo} />
+      </AnimatedEaseIn>
+      <Title animate>{title}</Title>
+      {isDefined(currentWorkspace) ? (
+        <>
+          <StyledContentContainer>
+            <MainButton
+              variant="secondary"
+              title="Continue"
+              type="submit"
+              onClick={handleUserJoinWorkspace}
+              Icon={() => form.formState.isSubmitting && <Loader />}
+              fullWidth
+            />
+          </StyledContentContainer>
+          <FooterNote>
+            By using Twenty, you agree to the Terms of Service and Privacy
+            Policy.
+          </FooterNote>
+        </>
+      ) : (
+        <SignInUpForm />
+      )}
+    </>
   );
 };