Add Map screen to App — replace placeholder with Map component
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user