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-03-09 23:56:34 +01:00
parent db3c689727
commit 84bb4efd80
6 changed files with 49 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -38,12 +38,30 @@ const Controls: Component<{ handlers: Handlers }> = (props) => {
<i class="las la-angle-right"></i>
</button>
<button
class="controls__button controls__button--last"
class="controls__button"
onClick={props.handlers.last}
title="LAST"
>
<i class="las la-angle-double-right"></i>
</button>
<button
onClick={props.handlers.flip}
title="FLIP"
classList={{
options__button: true,
"options__button--last": true,
"options__button--active": true,
}}
>
<i
classList={{
rotated: state.boardConfig.flipped,
las: true,
"la-sync": true,
rotatable: true,
}}
></i>
</button>
</div>
);
};

33
src/ui/components/Share.tsx
View File

@@ -19,24 +19,6 @@ const Share: Component<{ handlers: Handlers; class?: string }> = (props) => {
<Scrollable class={"share" + (props.class ? ` ${props.class}` : "")}>
<div className="share__view">
<h2 class="header--first">Board options</h2>
<button
onClick={props.handlers.flip}
title="FLIP"
classList={{
options__button: true,
"options__button--first": true,
"options__button--active": true,
}}
>
<i
classList={{
rotated: state.boardConfig.flipped,
las: true,
"la-sync": true,
rotatable: true,
}}
></i>
</button>
<button
classList={{
options__button: true,
@@ -78,7 +60,7 @@ const Share: Component<{ handlers: Handlers; class?: string }> = (props) => {
<button
classList={{
options__button: true,
"options__button--last": true,
"options__button--last": false,
"options__button--active": state.anonymous,
}}
onClick={props.handlers.toggleAnonymous}
@@ -86,6 +68,19 @@ const Share: Component<{ handlers: Handlers; class?: string }> = (props) => {
>
<i class="las la-user-secret"></i>
</button>
<button
classList={{
options__button: true,
"options__button--last": true,
"options__button--active": state.boardConfig.showShadows,
}}
onClick={props.handlers.toggleShadows}
title={
state.boardConfig.showShadows ? "HIDE SHADOWS" : "SHOW SHADOWS"
}
>
<i class="las la-cloud"></i>
</button>
</div>
<hr />
<div className="share__fen">