Simplify pointer lock display and add invert mouse camera toggle

This commit is contained in:
2026-04-27 17:20:56 +02:00
parent b900feffc4
commit ab275df3e7

View File

@@ -13364,11 +13364,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
<div className="stat-card">
<div className="label">Pointer Lock</div>
<div className="value">
{activeNavigationMode === "firstPerson"
? firstPersonTelemetry?.pointerLocked
? "active"
: "idle"
: "not used"}
{firstPersonTelemetry?.pointerLocked ? "active" : "idle"}
</div>
</div>
<div className="stat-card">
@@ -20837,6 +20833,27 @@ export function App({ store, initialStatusMessage }: AppProps) {
}}
/>
</label>
<label className="form-field form-field--toggle">
<span className="label">Invert Mouse Camera</span>
<input
data-testid="player-start-invert-mouse-camera"
type="checkbox"
checked={
playerStartInvertMouseCameraHorizontalDraft
}
onChange={(event) => {
const nextValue = event.currentTarget.checked;
setPlayerStartInvertMouseCameraHorizontalDraft(
nextValue
);
scheduleDraftCommit(() =>
applyPlayerStartChange({
invertMouseCameraHorizontal: nextValue
})
);
}}
/>
</label>
</div>
<div className="form-section">