mirror of https://github.com/portainer/portainer
32 lines
783 B
TypeScript
32 lines
783 B
TypeScript
|
import { useInfo } from '@/react/docker/proxy/queries/useInfo';
|
||
|
|
import { useEnvironmentId } from '@/react/hooks/useEnvironmentId';
|
||
|
|
|
||
|
|
import { PortainerSelect } from '@@/form-components/PortainerSelect';
|
||
|
|
|
||
|
|
export function RuntimeSelector({
|
||
|
|
value,
|
||
|
|
onChange,
|
||
|
|
}: {
|
||
|
|
value: string;
|
||
|
|
onChange: (value: string) => void;
|
||
|
|
}) {
|
||
|
|
const environmentId = useEnvironmentId();
|
||
|
|
const infoQuery = useInfo(environmentId, (info) => [
|
||
|
|
{ label: 'Default', value: '' },
|
||
|
|
...Object.keys(info?.Runtimes || {}).map((runtime) => ({
|
||
|
|
label: runtime,
|
||
|
|
value: runtime,
|
||
|
|
})),
|
||
|
|
]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PortainerSelect
|
||
|
|
onChange={onChange}
|
||
|
|
value={value}
|
||
|
|
options={infoQuery.data || []}
|
||
|
|
isLoading={infoQuery.isLoading}
|
||
|
|
disabled={infoQuery.isLoading}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|