Function EditOptionTextField

frontend/src/components/GuildScriptPage.tsx:628–661

({ option }: { option: SettingsOption })

function EditOptionTextField({ option }: { option: SettingsOption }) {
    if (option.kind.kind !== "string") {
        throw new Error("not a string field")
    }

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

    return <Box mt={3}>
        <TextField
            id={"script-option-" + option.name}
            label={option.label}
            // defaultValue="Default Value"
            type={"text"}
            inputProps={{
                maxLength: option.kind.max_length,
                minLength: option.kind.min_length,
            }}
            helperText={<FieldHelpText description={option.description} error={error} />}
            onChange={(evt) => {
                setValue(evt.target.value)
            }}
            value={value}
            error={Boolean(error)}
        />
        {(Boolean(rawValue) && (option.defaultValue || !option.required)) &&
            <IconButton
                color='warning'
                onClick={() => setValue(null)}
            >
                <ReplayIcon />
            </IconButton>}
    </Box>
}

function EditOptionSelect({ option }: { option: SettingsOption }) {
    console.assert(option.kind.kind === "channel"