Add Map screen to App — replace placeholder with Map component

This commit is contained in:
otivm
2026-04-25 18:25:46 +00:00
parent 0ef86cefc5
commit 01dd2ea778

View File

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react'
import { generateToken, loadState, saveState } from './api.js' import { generateToken, loadState, saveState } from './api.js'
import { createState } from './gameState.js' import { createState } from './gameState.js'
import Ledger from './screens/Ledger.jsx' import Ledger from './screens/Ledger.jsx'
import Map from './screens/Map.jsx'
import './App.css' import './App.css'
const TOKEN_KEY = 'otivm_token' const TOKEN_KEY = 'otivm_token'
@@ -71,9 +72,7 @@ export default function App() {
<Ledger state={state} onStateChange={onStateChange} /> <Ledger state={state} onStateChange={onStateChange} />
</div> </div>
<div style={{ display: screen === 'map' ? 'block' : 'none' }}> <div style={{ display: screen === 'map' ? 'block' : 'none' }}>
<div className="placeholder"> <Map state={state} />
<p>Map coming in OTIVM-II</p>
</div>
</div> </div>
</div> </div>
</div> </div>