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-19 04:53:42 +01:00
parent db7ba81b99
commit 0d3d7f6143
44 changed files with 228 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/ui/components/Controls.tsx
View File

@@ -1,7 +1,9 @@
import { Component } from "solid-js";
import { Component, Show } from "solid-js";
import { Handlers } from "../../types";
import "./Controls.css";
import { state } from "../../state";
const Controls: Component<{ handlers: Handlers }> = (props) => {
return (
<div class="controls">
@@ -22,9 +24,11 @@ const Controls: Component<{ handlers: Handlers }> = (props) => {
<button
class="controls__button"
onClick={props.handlers.togglePlay}
title="PLAY"
title={state.playing ? "PAUSE" : "PLAY"}
>
<i class="las la-play"></i>
<Show when={!state.playing} fallback={<i class="las la-pause"></i>}>
<i class="las la-play"></i>
</Show>
</button>
<button
class="controls__button"