no more room controls tab

This commit is contained in:
legop3
2025-12-21 02:54:58 -05:00
parent a3dae83bf7
commit 0fb6ea49b3
6 changed files with 17 additions and 23 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -11,8 +11,8 @@
<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-BI_1Ts67.js"></script> <script type="module" crossorigin src="/assets/index-CI7u01Fl.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CsRcYKTY.css"> <link rel="stylesheet" crossorigin href="/assets/index-K76_qLOR.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
@@ -32,7 +32,7 @@ function EntityRow({ entity, connected, onToggle }) {
type="button" type="button"
onClick={() => onToggle(entity.id)} onClick={() => onToggle(entity.id)}
disabled={disableToggle} disabled={disableToggle}
className={`flex w-full items-center justify-between gap-1 rounded px-1 py-0.5 text-left transition-colors ${toneStyles} disabled:opacity-60 disabled:hover:bg-inherit`} className={`flex min-w-[12rem] flex-1 items-center justify-between gap-1 rounded px-1 py-0.5 text-left transition-colors ${toneStyles} disabled:opacity-60 disabled:hover:bg-inherit`}
> >
<div className="min-w-0"> <div className="min-w-0">
<div className="flex items-center gap-1 text-sm"> <div className="flex items-center gap-1 text-sm">
@@ -83,7 +83,7 @@ export default function HomeAssistantControls() {
</div> </div>
<StatusBadge label={connected ? 'Connected' : 'Offline'} tone={connected ? 'success' : 'warn'} /> <StatusBadge label={connected ? 'Connected' : 'Offline'} tone={connected ? 'success' : 'warn'} />
</header> </header>
<div className="space-y-0.5"> <div className="flex flex-wrap gap-0.5">
{entities.map((entity) => ( {entities.map((entity) => (
<EntityRow <EntityRow
key={entity.id} key={entity.id}
+5 -11
View File
@@ -12,32 +12,26 @@ export default function RightPaneTabs({ layout, onOpenHelpOverlay }) {
<section className="panel text-base"> <section className="panel text-base">
<Tabs defaultTab="telemetry"> <Tabs defaultTab="telemetry">
<TabList> <TabList>
<Tab id="telemetry">Rover Controls</Tab> <Tab id="telemetry">Controls</Tab>
<Tab id="room">Room Controls</Tab>
<Tab id="settings">Settings</Tab>
<Tab id="help">Help</Tab> <Tab id="help">Help</Tab>
<Tab id="settings">Settings</Tab>
</TabList> </TabList>
<TabPanels> <TabPanels>
<TabPanel id="telemetry"> <TabPanel id="telemetry">
<div className="space-y-0.5"> <div className="space-y-0.5">
<DrivePanel /> <DrivePanel />
<RoomCameraPanel defaultOrientation="horizontal" panelId="rightpane-telemetry" /> <RoomCameraPanel defaultOrientation="horizontal" panelId="rightpane-telemetry" />
<HomeAssistantControls />
<TelemetryPanel /> <TelemetryPanel />
<CameraServoPanel /> <CameraServoPanel />
</div> </div>
</TabPanel> </TabPanel>
<TabPanel id="room"> <TabPanel id="help">
<div className="space-y-0.5"> <HelpPanel layout={layout} onOpenOverlay={onOpenHelpOverlay} />
<RoomCameraPanel defaultOrientation="vertical" panelId="rightpane-room" />
<HomeAssistantControls />
</div>
</TabPanel> </TabPanel>
<TabPanel id="settings"> <TabPanel id="settings">
<SettingsPanel /> <SettingsPanel />
</TabPanel> </TabPanel>
<TabPanel id="help">
<HelpPanel layout={layout} onOpenOverlay={onOpenHelpOverlay} />
</TabPanel>
</TabPanels> </TabPanels>
</Tabs> </Tabs>
</section> </section>