Function EditOptionSelect

frontend/src/components/GuildScriptPage.tsx:663–701

({ option }: { option: SettingsOption })

}

function EditOptionSelect({ option }: { option: SettingsOption }) {
    console.assert(option.kind.kind === "channel"
        || option.kind.kind === "role"
        || option.kind.kind === "roles"
        || option.kind.kind === "channels"
        || option.kind.kind === "customStringSelect"
        || option.kind.kind === "customStringMultiSelect"
        || option.kind.kind === "customNumberSelect"
        || option.kind.kind === "customNumberMultiSelect")

    const { value: rawValue, setValue, error } = useSettingsField(option.name)

    const isMultiple = option.kind.kind === "channels"
        || option.kind.kind === "roles"
        || option.kind.kind === "customStringMultiSelect"
        || option.kind.kind === "customNumberMultiSelect"

    return <Box mt={3} minWidth={"150px"} display={"flex"}>
        <FormControl>
            <InputLabel>{option.label}</InputLabel>
            {isMultiple
                ? <EditOptionSelectMultiple option={option} />
                : <EditOptionSelectSingle option={option} />}

            <FormHelperText error={Boolean(error)}>
                <FieldHelpText description={option.description} error={error} />
            </FormHelperText>

        </FormControl>
        {(Boolean(rawValue) && (option.defaultValue || !option.required)) &&
            <IconButton
                color='warning'
                onClick={() => setValue(null)}
                sx={{ alignSelf: "start" }}
            >
                <ReplayIcon />
            </IconButton>}
    </Box>
}

function EditOptionSelectSingle({ option }: { option: SettingsOption }) {
    const { value: rawValue, setValue, error } = useSettingsField(option.name)