mirror of https://github.com/portainer/portainer
30 lines
735 B
TypeScript
30 lines
735 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 ServicePortInput({ index, value, onChange }: Props) {
|
||
|
|
return (
|
||
|
|
<InputGroup size="small">
|
||
|
|
<InputGroup.Addon required>Service port</InputGroup.Addon>
|
||
|
|
<InputGroup.Input
|
||
|
|
type="number"
|
||
|
|
className="form-control min-w-max"
|
||
|
|
name={`service_port_${index}`}
|
||
|
|
placeholder="80"
|
||
|
|
min="1"
|
||
|
|
max="65535"
|
||
|
|
value={value ?? ''}
|
||
|
|
onChange={onChange}
|
||
|
|
required
|
||
|
|
data-cy={`k8sAppCreate-servicePort_${index}`}
|
||
|
|
/>
|
||
|
|
</InputGroup>
|
||
|
|
);
|
||
|
|
}
|