Function EditOptionNumberField

frontend/src/components/GuildScriptPage.tsx:517–587

({ option }: { option: SettingsOption })

}

function EditOptionNumberField({ option }: { option: SettingsOption }) {
    const inputRef = useRef<HTMLInputElement | null>(null)
    const { value: rawValue, setValue, error } = useSettingsField(option.name)
    const value = textFieldValue(rawValue?.value, option)

    if (option.kind.kind !== "float"
        && option.kind.kind !== "integer"
        && option.kind.kind !== "integer64") {
        throw new Error("not a number field")
    }

    const isInteger = option.kind.kind === "integer64"
        || option.kind.kind === "integer"

    useEffect(() => {
        if (!inputRef.current) {
            return
        }

        if ((value?.toString() ?? "") !== inputRef.current.value) {
            inputRef.current.value = value?.toString() ?? ""
        }
    }, [value, inputRef])

    return <Box mt={3}>
        <TextField
            id={"script-option-" + option.name}
            label={option.label}
            // defaultValue="Default Value"
            type={"number"}
            inputProps={{
                step: isInteger ? 1 : undefined,
                min: option.kind.min,
                max: option.kind.max,
            }}
            inputRef={inputRef}
            helperText={<FieldHelpText description={option.description} error={error} />}
            onBlur={(evt) => {
                const newValue = evt.target.value
                if (evt.target.value === "") {
                    setValue(null)
                    evt.target.value = ""
                } else {
                    if (option.kind.kind === "float") {
                        const parsed = parseFloat(newValue)
                        const realNewValue = isNaN(parsed) ? 0 : parsed
                        setValue(realNewValue)
                    } else if (option.kind.kind === "integer") {
                        const parsed = parseFloat(newValue.replaceAll(".", ""))
                        const realNewValue = isNaN(parsed) ? 0 : parsed
                        setValue(realNewValue)
                    } else {
                        setValue(newValue)
                    }


                }
            }}