admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add skip option at sign-up (#6495)

Browse Source 
Closes #5925.

<img width="440" alt="Capture d’écran 2024-08-01 à 15 35 08"
src="https://github.com/user-attachments/assets/9a190b38-8e6a-46e6-8bf8-80a60cd52016">
This commit is contained in:
Marie
2024-08-02 15:20:41 +02:00
committed by GitHub
parent 5870979bfa
commit eba6806594
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/twenty-front/src/pages/onboarding/InviteTeam.tsx
View File

@ -1,3 +1,6 @@
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import { zodResolver } from '@hookform/resolvers/zod';
import { useCallback } from 'react'; import { useCallback } from 'react';
import { import {
Controller, Controller,
@ -5,9 +8,6 @@ import {
useFieldArray, useFieldArray,
useForm, useForm,
} from 'react-hook-form'; } from 'react-hook-form';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
import { zodResolver } from '@hookform/resolvers/zod';
import { useRecoilValue } from 'recoil'; import { useRecoilValue } from 'recoil';
import { Key } from 'ts-key-enum'; import { Key } from 'ts-key-enum';
import { IconCopy } from 'twenty-ui'; import { IconCopy } from 'twenty-ui';
@ -25,6 +25,7 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
import { LightButton } from '@/ui/input/button/components/LightButton'; import { LightButton } from '@/ui/input/button/components/LightButton';
import { MainButton } from '@/ui/input/button/components/MainButton'; import { MainButton } from '@/ui/input/button/components/MainButton';
import { TextInputV2 } from '@/ui/input/components/TextInputV2'; import { TextInputV2 } from '@/ui/input/components/TextInputV2';
import { ActionLink } from '@/ui/navigation/link/components/ActionLink';
import { AnimatedTranslation } from '@/ui/utilities/animation/components/AnimatedTranslation'; import { AnimatedTranslation } from '@/ui/utilities/animation/components/AnimatedTranslation';
import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys'; import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
import { import {
@ -54,6 +55,10 @@ const StyledButtonContainer = styled.div`
width: 200px; width: 200px;
`; `;
const StyledActionSkipLinkContainer = styled.div`
margin: ${({ theme }) => theme.spacing(3)} 0 0;
`;
const validationSchema = z.object({ const validationSchema = z.object({
emails: z.array( emails: z.array(
z.object({ email: z.union([z.literal(''), z.string().email()]) }), z.object({ email: z.union([z.literal(''), z.string().email()]) }),
@ -218,6 +223,9 @@ export const InviteTeam = () => {
fullWidth fullWidth
/> />
</StyledButtonContainer> </StyledButtonContainer>
<StyledActionSkipLinkContainer>
<ActionLink onClick={setNextOnboardingStatus}>Skip</ActionLink>
</StyledActionSkipLinkContainer>
</> </>
); );
}; };