diff --git a/gcs/src/components/navbar.jsx b/gcs/src/components/navbar.jsx index 9e11e5011..a899b17aa 100644 --- a/gcs/src/components/navbar.jsx +++ b/gcs/src/components/navbar.jsx @@ -37,6 +37,7 @@ import { useDispatch, useSelector } from "react-redux" import { ConnectionType, emitConnectToDrone, + emitDisconnectFromDrone, emitGetComPorts, emitStartForwarding, emitStopForwarding, @@ -169,6 +170,9 @@ export default function Navbar() { { + if (connecting) { + dispatch(emitDisconnectFromDrone()) + } dispatch(setConnectionModal(false)) dispatch(setConnecting(false)) }} @@ -297,12 +301,14 @@ export default function Navbar() { variant="filled" color={"red"} onClick={() => { + if (connecting) { + dispatch(emitDisconnectFromDrone()) + } dispatch(setConnectionModal(false)) dispatch(setConnecting(false)) }} - disabled={connecting} > - Close + {connecting ? "Cancel" : "Close"}