Function EditOptionBooleanField

frontend/src/components/GuildScriptPage.tsx:590–625

({ option }: { option: SettingsOption })

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

    if (option.kind.kind !== "boolean") {
        throw new Error("not a number field")
    }

    return <Box mt={3}>
        <Box>
            <FormControlLabel
                sx={{ marginRight: 0 }}
                label={option.label}
                control={<Checkbox checked={value}
                    onChange={(evt) => {
                        setValue(evt.target.checked)
                    }}
                />}
            />

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

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


function EditOptionTextField({ option }: { option: SettingsOption }) {