Refactor login (#748)

* wip refactor login

* wip refactor login

* Fix lint conflicts

* Complete Sign In only

* Feature complete

* Fix test

* Fix test

front/src/pages/auth/CreateWorkspace.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect } from 'react';
+import { useCallback } from 'react';
 import { Controller, SubmitHandler, useForm } from 'react-hook-form';
 import { useNavigate } from 'react-router-dom';
 import { getOperationName } from '@apollo/client/utilities';
@@ -6,10 +6,8 @@ import styled from '@emotion/styled';
 import { yupResolver } from '@hookform/resolvers/yup';
 import * as Yup from 'yup';
 
-import { SubTitle } from '@/auth/components/ui/SubTitle';
-import { Title } from '@/auth/components/ui/Title';
-import { useOnboardingStatus } from '@/auth/hooks/useOnboardingStatus';
-import { OnboardingStatus } from '@/auth/utils/getOnboardingStatus';
+import { SubTitle } from '@/auth/components/SubTitle';
+import { Title } from '@/auth/components/Title';
 import { WorkspaceLogoUploader } from '@/settings/workspace/components/WorkspaceLogoUploader';
 import { PageHotkeyScope } from '@/types/PageHotkeyScope';
 import { MainButton } from '@/ui/button/components/MainButton';
@@ -18,22 +16,21 @@ import { TextInput } from '@/ui/input/components/TextInput';
 import { useSnackBar } from '@/ui/snack-bar/hooks/useSnackBar';
 import { SubSectionTitle } from '@/ui/title/components/SubSectionTitle';
 import { GET_CURRENT_USER } from '@/users/queries';
-import { useUpdateWorkspaceMutation } from '~/generated/graphql';
+import {
+  useGetCurrentUserLazyQuery,
+  useUpdateWorkspaceMutation,
+} from '~/generated/graphql';
 
 const StyledContentContainer = styled.div`
   width: 100%;
-  > * + * {
-    margin-top: ${({ theme }) => theme.spacing(6)};
-  }
 `;
 
 const StyledSectionContainer = styled.div`
-  > * + * {
-    margin-top: ${({ theme }) => theme.spacing(4)};
-  }
+  margin-top: ${({ theme }) => theme.spacing(8)};
 `;
 
 const StyledButtonContainer = styled.div`
+  margin-top: ${({ theme }) => theme.spacing(8)};
   width: 200px;
 `;
 
@@ -47,11 +44,11 @@ type Form = Yup.InferType<typeof validationSchema>;
 
 export function CreateWorkspace() {
   const navigate = useNavigate();
-  const onboardingStatus = useOnboardingStatus();
 
   const { enqueueSnackBar } = useSnackBar();
 
   const [updateWorkspace] = useUpdateWorkspaceMutation();
+  useGetCurrentUserLazyQuery();
 
   // Form
   const {
@@ -84,7 +81,9 @@ export function CreateWorkspace() {
           throw result.errors ?? new Error('Unknown error');
         }
 
-        navigate('/auth/create/profile');
+        setTimeout(() => {
+          navigate('/create/profile');
+        }, 20);
       } catch (error: any) {
         enqueueSnackBar(error?.message, {
           variant: 'error',
@@ -103,12 +102,6 @@ export function CreateWorkspace() {
     [onSubmit],
   );
 
-  useEffect(() => {
-    if (onboardingStatus !== OnboardingStatus.OngoingWorkspaceCreation) {
-      navigate('/auth/create/profile');
-    }
-  }, [onboardingStatus, navigate]);
-
   return (
     <>
       <Title>Create your workspace</Title>
@@ -119,7 +112,6 @@ export function CreateWorkspace() {
       <StyledContentContainer>
         <StyledSectionContainer>
           <SubSectionTitle title="Workspace logo" />
-          {/* Picture is actually uploaded on the fly */}
           <WorkspaceLogoUploader />
         </StyledSectionContainer>
         <StyledSectionContainer>
@@ -135,12 +127,14 @@ export function CreateWorkspace() {
               fieldState: { error },
             }) => (
               <TextInput
+                autoFocus
                 value={value}
                 placeholder="Apple"
                 onBlur={onBlur}
                 onChange={onChange}
                 error={error?.message}
                 fullWidth
+                disableHotkeys
               />
             )}
           />