mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-17 18:10:47 -04:00
bring the boys back home
This commit is contained in:
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
@@ -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="Roomba Rover" />
|
<meta name="apple-mobile-web-app-title" content="Roomba Rover" />
|
||||||
<title>Roomba Rover</title>
|
<title>Roomba Rover</title>
|
||||||
<script type="module" crossorigin src="/assets/index-0u9jLPMr.js"></script>
|
<script type="module" crossorigin src="/assets/index-CcEQgs6J.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-ByJnZYMA.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-DCGeKtS8.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { useSessionSelector } from '../../context/SessionContext.jsx';
|
||||||
import RoverMediaPlayer from '../RoverMediaPlayer/index.jsx';
|
import RoverMediaPlayer from '../RoverMediaPlayer/index.jsx';
|
||||||
import { useControlSystem } from '../../controls/index.js';
|
import { useControlSystem } from '../../controls/index.js';
|
||||||
import TurnsOverlay from '../HudOverlays/TurnsOverlay/index.jsx';
|
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';
|
import HudChatInput from '../HudOverlays/HudChatInput/index.jsx';
|
||||||
|
|
||||||
export default function DriverVideo({ layoutFormat = 'desktop' }) {
|
export default function DriverVideo({ layoutFormat = 'desktop' }) {
|
||||||
|
const roverId = useSessionSelector((state) => state.session?.assignment?.roverId ?? null);
|
||||||
const {
|
const {
|
||||||
state: { lastControlIntentAt },
|
state: { lastControlIntentAt },
|
||||||
} = useControlSystem();
|
} = 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';
|
const mobileHud = layoutFormat !== 'desktop';
|
||||||
return (
|
return (
|
||||||
<section className="panel">
|
<section className="panel">
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ export default function RoverLabelOverlay({
|
|||||||
className="font-semibold text-white rounded px-1 py-[1px] border border-transparent"
|
className="font-semibold text-white rounded px-1 py-[1px] border border-transparent"
|
||||||
style={roverNameChromeStyle(roverColor, 0.18)}
|
style={roverNameChromeStyle(roverColor, 0.18)}
|
||||||
>
|
>
|
||||||
{label || 'Unnamed Rover'}
|
{label || 'No rover'}
|
||||||
</span>
|
</span>
|
||||||
{driverLabel ? <span className="text-slate-300">• {driverLabel}</span> : null}
|
{driverLabel ? <span className="text-slate-300">• {driverLabel}</span> : null}
|
||||||
</div>
|
</div>
|
||||||
@@ -41,7 +41,7 @@ export default function RoverLabelOverlay({
|
|||||||
className="rounded px-1 py-[1px] border border-transparent"
|
className="rounded px-1 py-[1px] border border-transparent"
|
||||||
style={roverNameChromeStyle(roverColor, 0.18)}
|
style={roverNameChromeStyle(roverColor, 0.18)}
|
||||||
>
|
>
|
||||||
"{label || 'Unnamed Rover'}"
|
"{label || 'No rover'}"
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user