-
-
Notifications
You must be signed in to change notification settings - Fork 656
/
ServiceAccountCreateTokenDialog.tsx
80 lines (73 loc) · 2.72 KB
/
ServiceAccountCreateTokenDialog.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import { useEffect, useState } from 'react';
import { Dialogue } from 'component/common/Dialogue/Dialogue';
import {
calculateExpirationDate,
ExpirationOption,
IPersonalAPITokenFormErrors,
PersonalAPITokenForm,
} from 'component/user/Profile/PersonalAPITokensTab/CreatePersonalAPIToken/PersonalAPITokenForm/PersonalAPITokenForm';
import { ICreatePersonalApiTokenPayload } from 'hooks/api/actions/usePersonalAPITokensApi/usePersonalAPITokensApi';
import { IPersonalAPIToken } from 'interfaces/personalAPIToken';
const DEFAULT_EXPIRATION = ExpirationOption['30DAYS'];
interface IServiceAccountCreateTokenDialogProps {
open: boolean;
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
tokens: IPersonalAPIToken[];
onCreateClick: (newToken: ICreatePersonalApiTokenPayload) => void;
}
export const ServiceAccountCreateTokenDialog = ({
open,
setOpen,
tokens,
onCreateClick,
}: IServiceAccountCreateTokenDialogProps) => {
const [patDescription, setPatDescription] = useState('');
const [patExpiration, setPatExpiration] =
useState<ExpirationOption>(DEFAULT_EXPIRATION);
const [patExpiresAt, setPatExpiresAt] = useState(
calculateExpirationDate(DEFAULT_EXPIRATION)
);
const [patErrors, setPatErrors] = useState<IPersonalAPITokenFormErrors>({});
useEffect(() => {
setPatDescription('');
setPatExpiration(DEFAULT_EXPIRATION);
setPatExpiresAt(calculateExpirationDate(DEFAULT_EXPIRATION));
setPatErrors({});
}, [open]);
const isDescriptionUnique = (description: string) =>
!tokens?.some(token => token.description === description);
const isPATValid =
patDescription.length &&
isDescriptionUnique(patDescription) &&
patExpiresAt > new Date();
return (
<Dialogue
open={open}
primaryButtonText="Create token"
secondaryButtonText="Cancel"
onClick={() =>
onCreateClick({
description: patDescription,
expiresAt: patExpiresAt,
})
}
disabledPrimaryButton={!isPATValid}
onClose={() => {
setOpen(false);
}}
title="New token"
>
<PersonalAPITokenForm
description={patDescription}
setDescription={setPatDescription}
isDescriptionUnique={isDescriptionUnique}
expiration={patExpiration}
setExpiration={setPatExpiration}
expiresAt={patExpiresAt}
setExpiresAt={setPatExpiresAt}
errors={patErrors}
setErrors={setPatErrors}
/>
</Dialogue>
);
};