mirror of https://github.com/portainer/portainer
30 lines
743 B
TypeScript
30 lines
743 B
TypeScript
import { ChangeEvent } from 'react';
|
|
|
|
import { InputGroup } from '@@/form-components/InputGroup';
|
|
|
|
type Props = {
|
|
index: number;
|
|
value?: number;
|
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
};
|
|
|
|
export function ContainerPortInput({ index, value, onChange }: Props) {
|
|
return (
|
|
<InputGroup size="small">
|
|
<InputGroup.Addon required>Container port</InputGroup.Addon>
|
|
<InputGroup.Input
|
|
type="number"
|
|
className="form-control min-w-max"
|
|
name={`container_port_${index}`}
|
|
placeholder="80"
|
|
min="1"
|
|
max="65535"
|
|
value={value ?? ''}
|
|
onChange={onChange}
|
|
required
|
|
data-cy={`k8sAppCreate-containerPort_${index}`}
|
|
/>
|
|
</InputGroup>
|
|
);
|
|
}
|