bring the boys back home

This commit is contained in:
legop3
2026-05-13 20:14:22 -04:00
parent 3c9400f488
commit 187871edc5
6 changed files with 29 additions and 11 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-title" content="Roomba Rover" />
<title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-0u9jLPMr.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-ByJnZYMA.css">
<script type="module" crossorigin src="/assets/index-CcEQgs6J.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DCGeKtS8.css">
</head>
<body>
<div id="root"></div>
@@ -1,3 +1,4 @@
import { useSessionSelector } from '../../context/SessionContext.jsx';
import RoverMediaPlayer from '../RoverMediaPlayer/index.jsx';
import { useControlSystem } from '../../controls/index.js';
import TurnsOverlay from '../HudOverlays/TurnsOverlay/index.jsx';
@@ -9,9 +10,26 @@ import DriverBottomStrip from '../HudOverlays/DriverBottomStrip/index.jsx';
import HudChatInput from '../HudOverlays/HudChatInput/index.jsx';
export default function DriverVideo({ layoutFormat = 'desktop' }) {
const roverId = useSessionSelector((state) => state.session?.assignment?.roverId ?? null);
const {
state: { lastControlIntentAt },
} = useControlSystem();
if (!roverId) {
return (
<section className="panel">
<div className="panel-muted content-center text-center text-sm text-slate-400 aspect-[4/3]">
<p>You are not assigned to a rover.</p>
<p className="mt-0">
<a href="/spectate" className="text-blue-400 underline hover:text-blue-500">
Click here to visit the spectator page.
</a>
</p>
</div>
</section>
);
}
const mobileHud = layoutFormat !== 'desktop';
return (
<section className="panel">
@@ -24,7 +24,7 @@ export default function RoverLabelOverlay({
className="font-semibold text-white rounded px-1 py-[1px] border border-transparent"
style={roverNameChromeStyle(roverColor, 0.18)}
>
{label || 'Unnamed Rover'}
{label || 'No rover'}
</span>
{driverLabel ? <span className="text-slate-300"> {driverLabel}</span> : null}
</div>
@@ -41,7 +41,7 @@ export default function RoverLabelOverlay({
className="rounded px-1 py-[1px] border border-transparent"
style={roverNameChromeStyle(roverColor, 0.18)}
>
"{label || 'Unnamed Rover'}"
"{label || 'No rover'}"
</span>
</span>
</div>