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

refactor(docker/containers): migrate commands tab to react [EE-5208] (#10085)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-09-04 19:07:29 +01:00 • committed by GitHub
parent 46e73ee524
commit f7366d9788
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
42 changed files with 1783 additions and 951 deletions
Download patch file Download diff file Expand all files Collapse all files

48
app/react/docker/containers/CreateView/CommandsTab/OverridableInput.tsx Normal file
View file

@ -0,0 +1,48 @@
import clsx from 'clsx';
import { Button } from '@@/buttons';
import { InputGroup } from '@@/form-components/InputGroup';
export function OverridableInput({
value,
onChange,
id,
placeholder,
}: {
value: string | null;
onChange: (value: string | null) => void;
id: string;
placeholder: string;
}) {
const override = value !== null;
return (
<InputGroup>
<InputGroup.ButtonWrapper>
<Button
color="light"
size="medium"
className={clsx('!ml-0', { active: !override })}
onClick={() => onChange(null)}
>
Default
</Button>
<Button
color="light"
size="medium"
className={clsx({ active: override })}
onClick={() => onChange('')}
>
Override
</Button>
</InputGroup.ButtonWrapper>
<InputGroup.Input
disabled={!override}
value={value || ''}
onChange={(e) => onChange(e.target.value)}
id={id}
placeholder={placeholder}
/>
</InputGroup>
);
}