mirror of https://github.com/portainer/portainer
37 lines
803 B
TypeScript
37 lines
803 B
TypeScript
|
import { WebEditorForm } from '@@/WebEditorForm';
|
||
|
|
|
||
|
|
export function DockerContentField({
|
||
|
|
error,
|
||
|
|
onChange,
|
||
|
|
readonly,
|
||
|
|
value,
|
||
|
|
}: {
|
||
|
|
value: string;
|
||
|
|
onChange: (value: string) => void;
|
||
|
|
error?: string;
|
||
|
|
readonly?: boolean;
|
||
|
|
}) {
|
||
|
|
return (
|
||
|
|
<WebEditorForm
|
||
|
|
id="stack-creation-editor"
|
||
|
|
value={value}
|
||
|
|
onChange={onChange}
|
||
|
|
yaml
|
||
|
|
placeholder="Define or paste the content of your docker compose file here"
|
||
|
|
error={error}
|
||
|
|
readonly={readonly}
|
||
|
|
data-cy="stack-creation-editor"
|
||
|
|
>
|
||
|
|
You can get more information about Compose file format in the{' '}
|
||
|
|
<a
|
||
|
|
href="https://docs.docker.com/compose/compose-file/"
|
||
|
|
target="_blank"
|
||
|
|
rel="noreferrer"
|
||
|
|
>
|
||
|
|
official documentation
|
||
|
|
</a>
|
||
|
|
.
|
||
|
|
</WebEditorForm>
|
||
|
|
);
|
||
|
|
}
|