Function ScriptEnableToggle

frontend/src/components/ScriptEnableToggle.tsx:6–19

({ script }: { script: Script })

import { useCurrentGuildScripts } from "../modules/guilds/GuildScriptsProvider";

export function ScriptEnableToggle({ script }: { script: Script }) {
    const [isToggling, setIsToggling] = useState(false)
    const { toggleScript } = useCurrentGuildScripts();

    return <Switch
        checked={script.enabled}
        disabled={isToggling}
        color={"success"}
        onChange={(evt) => {
            setIsToggling(true)
            toggleScript(script.id, evt.target.checked)
                .finally(() => setIsToggling(false))
        }} />
}