Function ScriptSettings

frontend/src/components/GuildScriptPage.tsx:176–323

({ script }: { script: Script })

}

function ScriptSettings({ script }: { script: Script }) {
    const session = useSession()
    const currentGuildId = useCurrentGuildId()
    const [newValues, setNewValues] = useState<SettingsOptionValue[]>(() => {
        return stripUnknownFields(script)
    })

    const [isSubmitting, setIsSubmitting] = useState(false)
    const [isValidating, setIsValidating] = useState(false)
    const [apiErrorResponse, setApiErrorResponse] = useState<ApiError | null>(null)
    const notifications = UseNotifications()

    const isDirty = useMemo(() => {
        return JSON.stringify(newValues) !== JSON.stringify(script.settings_values)
    }, [newValues, script])

    const settingsHook: SettingsValuesHook = {
        getFieldValue(name) {
            return newValues.find(v => v.name === name)
        },
        setFieldValue(name, value) {
            setNewValues(current => {
                const copy = [...current]
                const currentIndex = copy.findIndex(v => name === v.name)
                if (currentIndex !== -1) {
                    if (value === null) {
                        copy.splice(currentIndex, 1)
                    } else {
                        copy[currentIndex] = { name, value }
                    }
                } else if (value !== null) {
                    copy.push({ name, value })
                }

                return copy
            })
        },
        getFieldError(name) {
            const prefix = "settings_values."
            if (apiErrorResponse) {
                const error = apiErrorResponse.getFieldError(prefix + name)
                return error
            }
        },
    }

    async function save() {
        const response = await session.apiClient.updateScript(currentGuildId, script.id, {
            settings_values: newValues
        })

        if (isErrorResponse(response)) {
            notifications.push({
                class: "error",
                message: "Validation errors occurred"
            })

            setApiErrorResponse(response)