haunter/sharechess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Maciej Caderek
2022-02-22 03:26:31 +01:00
parent 34b352c6c4
commit 2baf02dd60
16 changed files with 151 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/ui/App.tsx
View File

@@ -1,12 +1,13 @@
import type { Component } from "solid-js";
import { Component, Show } from "solid-js";
import type { DeepReadonly } from "solid-js/store";
import { Handlers } from "../types";
import { State } from "../state";
import { State, state } from "../state";
import Header from "./components/Header";
import GameTabs from "./components/GameTabs";
import SetupTabs from "./components/SetupTabs";
import Controls from "./components/Controls";
import "./App.css";
@@ -17,10 +18,16 @@ const App: Component<{ handlers: Handlers; state: DeepReadonly<State> }> = (
<>
<Header handlers={props.handlers} />
<div class="layout">
<div id="setup" class="setup-box">
<SetupTabs handlers={props.handlers}></SetupTabs>
<Show when={state.layout === "triple"}>
<div id="setup" class="setup-box">
<SetupTabs handlers={props.handlers}></SetupTabs>
</div>
</Show>
<div id="board" class="board-box">
<Show when={state.layout === "single"}>
<Controls handlers={props.handlers} />
</Show>
</div>
<div id="board" class="board-box"></div>
<div id="moves" class="game-box">
<GameTabs
moves={props.state.moves}