WIP
This commit is contained in:
@@ -1,23 +1,25 @@
|
||||
import type { Component } from "solid-js";
|
||||
import type { DeepReadonly } from "solid-js/store";
|
||||
import Controls from "./components/Controls";
|
||||
|
||||
import { Handlers } from "../types";
|
||||
import { State } from "../state";
|
||||
import GameTabs from "./components/GameTabs";
|
||||
|
||||
import "./app.css";
|
||||
import Controls from "./components/Controls";
|
||||
import GameTabs from "./components/GameTabs";
|
||||
import SetupTabs from "./components/SetupTabs";
|
||||
|
||||
import "./App.css";
|
||||
|
||||
const App: Component<{ handlers: Handlers; state: DeepReadonly<State> }> = (
|
||||
props
|
||||
) => {
|
||||
return (
|
||||
<div class="layout">
|
||||
<div id="setup" class="setup-box"></div>
|
||||
<div id="board" class="board-box"></div>
|
||||
<div id="controls" class="controls-box">
|
||||
<Controls handlers={props.handlers}></Controls>
|
||||
<div id="setup" class="setup-box">
|
||||
<SetupTabs handlers={props.handlers}></SetupTabs>
|
||||
</div>
|
||||
<div id="moves" class="moves-box">
|
||||
<div id="board" class="board-box"></div>
|
||||
<div id="moves" class="game-box">
|
||||
<GameTabs
|
||||
moves={props.state.moves}
|
||||
handlers={props.handlers}
|
||||
|
||||
Reference in New Issue
Block a user