mirror of
https://github.com/clusterio/clusterio.git
synced 2026-11-15 23:24:52 +09:00
24 lines
599 B
TypeScript
24 lines
599 B
TypeScript
import { Select } from "antd";
|
|
|
|
import { InputComponentProps } from "../BaseWebPlugin";
|
|
import { useRoles } from "../model/roles";
|
|
|
|
export default function InputRole(props: InputComponentProps) {
|
|
const [roles, synced] = useRoles();
|
|
|
|
return <Select
|
|
showSearch
|
|
optionFilterProp="label"
|
|
style={{ minWidth: 175 }}
|
|
onChange={(value) => props.onChange(value ?? null)}
|
|
value={props.value}
|
|
options={[...roles.values()].map(role => ({
|
|
label: role.name,
|
|
value: role.id,
|
|
}))}
|
|
allowClear={props.fieldDefinition.optional}
|
|
disabled={!synced || props.disabled}
|
|
loading={!synced}
|
|
/>;
|
|
}
|