oops, camera slider

This commit is contained in:
legop3
2026-01-19 03:05:17 -05:00
parent 4d699e1c4c
commit 9e6053d5c0
4 changed files with 14 additions and 12 deletions
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -11,7 +11,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-BS8UNUHv.js"></script> <script type="module" crossorigin src="/assets/index-BcGpq6_c.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CxMMWICN.css"> <link rel="stylesheet" crossorigin href="/assets/index-CxMMWICN.css">
</head> </head>
<body> <body>
+1 -1
View File
@@ -73,7 +73,7 @@ export default function ControlSummary() {
); );
} }
function InlineCameraTilt({ keymap }) { export function InlineCameraTilt({ keymap }) {
const { const {
state: { roverId, camera }, state: { roverId, camera },
actions: { setServoAngle }, actions: { setServoAngle },
+5 -3
View File
@@ -1,4 +1,4 @@
import { RoverRosterPanel } from './ControlSummary.jsx'; import { InlineCameraTilt, RoverRosterPanel } from './ControlSummary.jsx';
import RoomCameraPanel from './RoomCameraPanel.jsx'; import RoomCameraPanel from './RoomCameraPanel.jsx';
import HomeAssistantControls from './HomeAssistantControls.jsx'; import HomeAssistantControls from './HomeAssistantControls.jsx';
import SettingsPanel from './SettingsPanel.jsx'; import SettingsPanel from './SettingsPanel.jsx';
@@ -30,13 +30,15 @@ function TopDownMapPanel() {
function DriveDockPanel() { function DriveDockPanel() {
const { const {
state: { roverId }, state: { roverId, keymap },
} = useControlSystem(); } = useControlSystem();
const driveDockState = useDriveDockState(roverId); const driveDockState = useDriveDockState(roverId);
const hideInlineControls = driveDockState.docked && !driveDockState.driving;
return ( return (
<section className="panel-section flex h-full flex-col"> <section className="panel-section flex h-full flex-col gap-0.5">
<DriveDockAction layout="desktop" expand driveDockState={driveDockState} /> <DriveDockAction layout="desktop" expand driveDockState={driveDockState} />
{!hideInlineControls ? <InlineCameraTilt keymap={keymap} /> : null}
</section> </section>
); );
} }