fix(v2): version display — top-left inside sidebar above header

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Erik 2026-04-13 13:32:25 +02:00
parent 6b0b26c287
commit 869507a3ef
8 changed files with 60 additions and 62 deletions

View file

@ -53,6 +53,7 @@ export const MapLayout: React.FC<Props> = ({ data, onViewToggle }) => {
showPortals={showPortals}
onToggleHeatmap={setShowHeatmap}
onTogglePortals={setShowPortals}
version={version}
/>
<MapView
players={players}
@ -65,7 +66,6 @@ export const MapLayout: React.FC<Props> = ({ data, onViewToggle }) => {
<WindowRenderer characters={data.characters} chatMessages={data.chatMessages}
nearbyObjects={data.nearbyObjects} socket={data.socketRef.current} />
<RareNotification recentRares={data.recentRares} />
{version && <div className="ml-version">v{version}</div>}
</div>
</WindowManagerProvider>
);

View file

@ -17,11 +17,12 @@ interface Props {
showPortals: boolean;
onToggleHeatmap: (v: boolean) => void;
onTogglePortals: (v: boolean) => void;
version?: string;
}
export const Sidebar: React.FC<Props> = ({
players, vitals, serverHealth, totalRares, totalKills, getColor, onSelectPlayer, onViewToggle,
showHeatmap, showPortals, onToggleHeatmap, onTogglePortals,
showHeatmap, showPortals, onToggleHeatmap, onTogglePortals, version,
}) => {
const [sortKey, setSortKey] = useState<SortKey>('name');
const [filter, setFilter] = useState('');
@ -55,6 +56,7 @@ export const Sidebar: React.FC<Props> = ({
return (
<div className="ml-sidebar">
{version && <div className="ml-version">v{version}</div>}
<div className="ml-sidebar-header">
<span className="ml-sidebar-title">Active Mosswart Enjoyers ({players.length})</span>
<button className="ml-view-toggle" onClick={onViewToggle}>Dashboard</button>

View file

@ -379,13 +379,9 @@
/* ── Version display ──────────────────────────────────── */
.ml-version {
position: fixed;
top: 6px;
left: 410px;
font-size: 0.6rem;
color: #555;
z-index: 50;
pointer-events: none;
font-size: 0.65rem;
color: #aaa;
margin-bottom: 2px;
}
/* ── Tooltip ──────────────────────────────────────────── */