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-12 02:24:30 +01:00
parent db40aa2939
commit 24474d98ce
9 changed files with 70 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -8,8 +8,9 @@ const Share: Component<{ handlers: Handlers }> = (props) => {
return (
<Scrollable class="share">
<div className="share__view">
<h2>View options</h2>
<button
class="controls__button"
class="controls__button controls__button--first"
onClick={props.handlers.flip}
title="FLIP"
>
@@ -27,7 +28,8 @@ const Share: Component<{ handlers: Handlers }> = (props) => {
onClick={props.handlers.toggleExtraInfo}
title="EXTRA INFO"
>
<i class="las la-info"></i>
{/* <i class="las la-info"></i> */}
<i class="las la-info-circle"></i>
</button>
<button
class="controls__button"
@@ -36,6 +38,13 @@ const Share: Component<{ handlers: Handlers }> = (props) => {
>
<i class="las la-heading"></i>
</button>
<button
class="controls__button controls__button--last"
onClick={props.handlers.toggleExtraInfo}
title="ANONYMOUS"
>
<i class="las la-user-secret"></i>
</button>
</div>
<div className="share__fen">
<h2>Current position</h2>
@@ -46,15 +55,22 @@ const Share: Component<{ handlers: Handlers }> = (props) => {
placeholder="Current FEN..."
/>
<button class="share__btn">Copy FEN</button>
<div class="double">
<button class="share__btn share__btn--left">Copy FEN</button>
<button class="share__btn share__btn--right">Copy link</button>
</div>
<button class="share__btn">Save as image</button>
<button class="share__btn">Copy link</button>
</div>
<div class="share__pgn">
<h2>Game</h2>
<button class="share__btn">Copy PGN</button>
<button class="share__btn">Export PGN</button>
<button class="share__btn">Copy link</button>
<div class="double">
<button class="share__btn">Copy PGN</button>
<button class="share__btn">Copy link</button>
</div>
<div class="double">
<button class="share__btn">Export PGN</button>
<button class="share__btn">Copy markdown</button>
</div>
</div>
<div class="share__animation">
<h2>Animation</h2>