Function ScriptDetails

frontend/src/components/GuildScriptPage.tsx:823–875

({ script, guildId, plugin }: {
    script: Script,
    plugin?: Plugin,
    guildId: string,
})

}

function ScriptDetails({ script, guildId, plugin }: {
    script: Script,
    plugin?: Plugin,
    guildId: string,
}) {
    const session = useSession();
    const notifications = UseNotifications();
    const { reload, delScript } = useCurrentGuildScripts();

    async function deleteConfirm() {
        if (window.confirm("are you sure you want to delete this script?")) {
            await delScript(script.id);
        }
    }

    async function updatePluginVersion() {
        const resp = await session.apiClient.updateScriptPlugin(guildId, script.id);
        if (isErrorResponse(resp)) {
            notifications.push({ class: "error", message: "failed updating plugin: " + resp.response?.description });
        } else {
            reload();
            notifications.push({ class: "success", message: "updated plugin" });
        }
    }

    return <Box sx={{
        display: "flex",
        alignItems: "start",
        flexDirection: "column",
    }}>
        <Stack direction={"row"} alignItems="center">
            {plugin ? (
                <>
                    <Typography variant="body1">{plugin.current_version === script.plugin_version_number ?
                        "Using the latest version"
                        : script.plugin_version_number === null
                            ? "Using a modified version"
                            : "New version available"}</Typography>
                    <AsyncOpButton disabled={plugin.current_version === script.plugin_version_number} onClick={updatePluginVersion} label="Update version"></AsyncOpButton>
                    <BlLink disabled={plugin.current_version === script.plugin_version_number}
                        to={`/servers/${guildId}/scripts/${script.id}/edit?diffMode=pluginPublished`}>View changes</BlLink>
                </>
            ) : null}
            <BlLink to={`/servers/${guildId}/scripts/${script.id}/edit`}>
                Edit
            </BlLink>
            <AsyncOpButton label="delete" onClick={() => deleteConfirm()}></AsyncOpButton>
        </Stack>
        {!script.enabled && <Alert severity='warning'>
            This script is not enabled
        </Alert>}
    </Box>
}