/*
QuickStopButton.js - ESP3D WebUI component file

 Copyright (c) 2021 Luc LEBOSSE. All rights reserved.

 This code is free software; you can redistribute it and/or
 modify it under the terms of the GNU Lesser General Public
 License as published by the Free Software Foundation; either
 version 2.1 of the License, or (at your option) any later version.
 This code is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 Lesser General Public License for more details.
 You should have received a copy of the GNU Lesser General Public
 License along with This code; if not, write to the Free Software
 Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

import { h } from "preact"
import { AlertCircle } from "preact-feather"
import { useHttpFn } from "../../../hooks"
import { espHttpURL } from "../../../components/Helpers"
import { useUiContext, useUiContextFn } from "../../../contexts"
import { T } from "../../../components/Translations"
import { ButtonImg } from "../../../components/Controls"

const QuickStopButton = () => {
    const { toasts } = useUiContext()

    const { createNewRequest } = useHttpFn
    const SendCommand = (command) => {
        createNewRequest(
            espHttpURL("command", { cmd: command }),
            { method: "GET", echo: command },
            {
                onSuccess: (result) => {},
                onFail: (error) => {
                    toasts.addToast({ content: error, type: "error" })
                    console.log(error)
                },
            }
        )
    }

    return (
        <ButtonImg
            m1
            rtooltip
            label={T("P15")}
            className="emergency-btn"
            icon={<AlertCircle />}
            data-tooltip={T("P15")}
            id="btnEStop"
            onclick={(e) => {
                useUiContextFn.haptic()
                e.target.blur()
                const cmds = useUiContextFn.getValue("emergencystop").split(";")
                cmds.forEach((cmd) => {
                    SendCommand(cmd)
                })
            }}
        />
    )
}

export { QuickStopButton }
