Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-19 05:19:39 +02:00
Code Issues Releases Activity

refactor(ui/code-editor): accept enum type (#22)
Some checks are pending
Label Conflicts / triage (push) Waiting to run

Browse source 
Co-authored-by: Chaim Lev-Ari <chaim.levi-ari@portainer.io>
This commit is contained in:
LP B 2024-10-14 13:52:51 +02:00 • committed by GitHub
parent 20e9423390
commit 7a35b5b0e4
16 changed files with 57 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/react/components/CodeEditor.tsx
View file

@ -15,12 +15,11 @@ import styles from './CodeEditor.module.css';
import { TextTip } from './Tip/TextTip';
import { StackVersionSelector } from './StackVersionSelector';
type Type = 'yaml' | 'shell' | 'dockerfile';
interface Props extends AutomationTestingProps {
id: string;
placeholder?: string;
yaml?: boolean;
dockerFile?: boolean;
shell?: boolean;
type?: Type;
readonly?: boolean;
onChange: (value: string) => void;
value: string;
@ -62,6 +61,12 @@ const dockerFileLanguage = new LanguageSupport(
);
const shellLanguage = new LanguageSupport(StreamLanguage.define(shell));
const docTypeExtensionMap: Record<Type, LanguageSupport> = {
yaml: yamlLanguage,
dockerfile: dockerFileLanguage,
shell: shellLanguage,
};
export function CodeEditor({
id,
onChange,
@ -71,26 +76,18 @@ export function CodeEditor({
versions,
onVersionChange,
height = '500px',
yaml: isYaml,
dockerFile: isDockerFile,
shell: isShell,
type,
'data-cy': dataCy,
}: Props) {
const [isRollback, setIsRollback] = useState(false);
const extensions = useMemo(() => {
const extensions = [];
if (isYaml) {
extensions.push(yamlLanguage);
}
if (isDockerFile) {
extensions.push(dockerFileLanguage);
}
if (isShell) {
extensions.push(shellLanguage);
if (type && docTypeExtensionMap[type]) {
extensions.push(docTypeExtensionMap[type]);
}
return extensions;
}, [isYaml, isDockerFile, isShell]);
}, [type]);
function handleVersionChange(version: number) {
if (versions && versions.length > 1) {