Merge pull request #893 from dimensionalOS/command_center_stop_home

command center stop and home

Former-commit-id: d4bf711

Author: paul-nechifor

assets/dimensional.command-center-extension-0.0.1.foxe

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:6f31d3e1d3fc5695a8d445708996224734fd8bc1e2e2f01860e2313d876daf0f
-size 1229022
+oid sha256:98a2a2154b102e8d889bb83305163ead388016377b8e8a56c8f42034443f9be4
+size 1229315

dimos/web/command-center-extension/src/App.tsx

@@ -3,6 +3,7 @@ import * as React from "react";
 import Connection from "./Connection";
 import ExplorePanel from "./ExplorePanel";
 import GpsButton from "./GpsButton";
+import Button from "./Button";
 import KeyboardControlPanel from "./KeyboardControlPanel";
 import VisualizerWrapper from "./components/VisualizerWrapper";
 import LeafletMap from "./components/LeafletMap";
@@ -77,6 +78,16 @@ export default function App(): React.ReactElement {
     connectionRef.current?.stopMoveCommand();
   }, []);
 
+  const handleReturnHome = React.useCallback(() => {
+    connectionRef.current?.worldClick(0, 0);
+  }, []);
+
+  const handleStop = React.useCallback(() => {
+    if (state.robotPose) {
+      connectionRef.current?.worldClick(state.robotPose.coords[0]!, state.robotPose.coords[1]!);
+    }
+  }, [state.robotPose]);
+
   return (
     <div style={{ position: "relative", width: "100%", height: "100%" }}>
       {isGpsMode ? (
@@ -105,6 +116,8 @@ export default function App(): React.ReactElement {
           onUseCostmap={() => setIsGpsMode(false)}
         ></GpsButton>
         <ExplorePanel onStartExplore={handleStartExplore} onStopExplore={handleStopExplore} />
+        <Button onClick={handleReturnHome} isActive={false}>Go Home</Button>
+        <Button onClick={handleStop} isActive={false}>Stop</Button>
         <KeyboardControlPanel
           onSendMoveCommand={handleSendMoveCommand}
           onStopMoveCommand={handleStopMoveCommand}