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 {
Controller,
@ -5,9 +8,6 @@ import {
useFieldArray,
useForm,
} 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 { Key } from 'ts-key-enum';
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 { MainButton } from '@/ui/input/button/components/MainButton';
import { TextInputV2 } from '@/ui/input/components/TextInputV2';
import { ActionLink } from '@/ui/navigation/link/components/ActionLink';
import { AnimatedTranslation } from '@/ui/utilities/animation/components/AnimatedTranslation';
import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
import {
@ -54,6 +55,10 @@ const StyledButtonContainer = styled.div`
width: 200px;
`;
const StyledActionSkipLinkContainer = styled.div`
margin: ${({ theme }) => theme.spacing(3)} 0 0;
`;
const validationSchema = z.object({
emails: z.array(
z.object({ email: z.union([z.literal(''), z.string().email()]) }),
@ -218,6 +223,9 @@ export const InviteTeam = () => {
fullWidth
/>
</StyledButtonContainer>
<StyledActionSkipLinkContainer>
<ActionLink onClick={setNextOnboardingStatus}>Skip</ActionLink>
</StyledActionSkipLinkContainer>
</>
);
};