mirror of https://github.com/portainer/portainer
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
|
import { FormikErrors, useFormikContext } from 'formik';
|
||
|
|
|
||
|
|
import { FormControl } from '@@/form-components/FormControl';
|
||
|
|
import { Input } from '@@/form-components/Input';
|
||
|
|
import { TextTip } from '@@/Tip/TextTip';
|
||
|
|
|
||
|
|
import { Values } from './types';
|
||
|
|
|
||
|
|
export function AdvancedForm({
|
||
|
|
values,
|
||
|
|
errors,
|
||
|
|
fieldNamespace,
|
||
|
|
}: {
|
||
|
|
values: Values;
|
||
|
|
errors?: FormikErrors<Values>;
|
||
|
|
fieldNamespace?: string;
|
||
|
|
}) {
|
||
|
|
const { setFieldValue } = useFormikContext<Values>();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<TextTip color="blue">
|
||
|
|
When using advanced mode, image and repository <b>must be</b> publicly
|
||
|
|
available.
|
||
|
|
</TextTip>
|
||
|
|
<FormControl label="Image" inputId="image-field" errors={errors?.image}>
|
||
|
|
<Input
|
||
|
|
id="image-field"
|
||
|
|
value={values.image}
|
||
|
|
onChange={(e) => setFieldValue(namespaced('image'), e.target.value)}
|
||
|
|
placeholder="e.g. registry:port/my-image:my-tag"
|
||
|
|
required
|
||
|
|
/>
|
||
|
|
</FormControl>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
|
||
|
|
function namespaced(field: string) {
|
||
|
|
return fieldNamespace ? `${fieldNamespace}.${field}` : field;
|
||
|
|
}
|
||
|
|
}
|