forked from openshift/console
-
Notifications
You must be signed in to change notification settings - Fork 0
/
JarSection.tsx
92 lines (86 loc) · 3.08 KB
/
JarSection.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
81
82
83
84
85
86
87
88
89
90
91
92
import * as React from 'react';
import { TextInputTypes } from '@patternfly/react-core';
import { FormikValues, useFormikContext } from 'formik';
import { useTranslation } from 'react-i18next';
import {
FileUploadContext,
FileUploadContextType,
} from '@console/app/src/components/file-upload/file-upload-context';
import { FileUploadField, InputField } from '@console/shared/src';
import { UNASSIGNED_KEY } from '@console/topology/src/const';
import FormSection from '../../section/FormSection';
import { getAppName } from '../../upload-jar-validation-utils';
const JarSection: React.FunctionComponent = () => {
const { t } = useTranslation();
const {
values: {
name,
fileUpload: { name: fileName, value: fileValue },
application: { name: appGroupName, selectedKey: appGroupSelectedKey },
},
setFieldValue,
setFieldTouched,
touched,
} = useFormikContext<FormikValues>();
const { fileUpload, setFileUpload } = React.useContext<FileUploadContextType>(FileUploadContext);
const { name: nameTouched } = touched;
const updatedJarFile = React.useCallback(
(value: File, filename: string): void => {
if (filename) {
const appName = getAppName(filename);
setFieldValue('fileUpload.name', filename);
setFieldTouched('fileUpload.name', true);
value && setFieldValue('fileUpload.value', value);
appName && !nameTouched && !name && setFieldValue('name', appName);
!name && setFieldValue('name', appName);
appName &&
!appGroupName &&
appGroupSelectedKey !== UNASSIGNED_KEY &&
setFieldValue('application.name', `${appName}-app`);
} else {
setFieldValue('fileUpload.name', '');
setFieldValue('fileUpload.value', '');
}
},
[appGroupName, appGroupSelectedKey, setFieldValue, setFieldTouched, name, nameTouched],
);
React.useEffect(() => {
if (fileUpload) {
updatedJarFile(fileUpload, fileUpload.name);
if (fileName) {
setFileUpload(undefined);
}
}
}, [fileUpload, updatedJarFile, setFileUpload, fileName]);
return (
<FormSection title={t('devconsole~JAR')}>
<FileUploadField
id="upload-jar-field"
name="fileUpload.name"
value={fileValue}
filename={fileName}
label={t('devconsole~JAR file')}
filenamePlaceholder={t('devconsole~Drag a file here or browse to upload')}
browseButtonText={t('devconsole~Browse...')}
clearButtonText={t('devconsole~Clear')}
onChange={updatedJarFile}
hideDefaultPreview
dropzoneProps={{
accept: '.jar,.JAR',
}}
required
/>
<InputField
type={TextInputTypes.text}
name="fileUpload.javaArgs"
label={t('devconsole~Optional Java arguments')}
helpText={t(
'devconsole~Optional Java arguments are saved as JAVA_ARGS environment variable to customize your application.',
)}
data-test-id="upload-jar-form-java-args"
placeholder={t('devconsole~JAVA_ARGS')}
/>
</FormSection>
);
};
export default JarSection;