diff --git a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js new file mode 100644 index 0000000..a494739 --- /dev/null +++ b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.js @@ -0,0 +1,12 @@ +import React from "react"; +import "./Kifu.scss"; + +const Kifu = () => { + return ( +
+
+
+ ); +}; + +export default Kifu; diff --git a/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss new file mode 100644 index 0000000..a529d41 --- /dev/null +++ b/packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss @@ -0,0 +1,13 @@ +div.Kifu { + order: 0; + height: 10vh; + width: 8vh; + background-color: #FFF; + transform: rotate(-20deg); + div.Kifu__board { + border: 0.25vh solid #444; + width: 5vh; + height: 5vh; + margin: 1vh 2vh 2vh auto; + } +} \ No newline at end of file diff --git a/packages/play-node-go/src/components/GameUI/PlayerArea/PlayerArea.js b/packages/play-node-go/src/components/GameUI/PlayerArea/PlayerArea.js index 10bf38a..5ded5d7 100644 --- a/packages/play-node-go/src/components/GameUI/PlayerArea/PlayerArea.js +++ b/packages/play-node-go/src/components/GameUI/PlayerArea/PlayerArea.js @@ -6,6 +6,7 @@ const PlayerArea = ({ handlePassClick, playerMeta, turn, + Kifu, }) => { const { stones, player, rank, captures } = playerMeta; const isTurn = @@ -21,7 +22,6 @@ const PlayerArea = ({ const bowlText = () => { if (isTurn) return "Pass?"; if (turn === 0) return "End Game?"; - // return; }; return ( @@ -32,6 +32,7 @@ const PlayerArea = ({ >

{bowlText()}

+ {Kifu}
diff --git a/packages/play-node-go/src/pages/Game/Game.js b/packages/play-node-go/src/pages/Game/Game.js index a4377b8..fab84af 100644 --- a/packages/play-node-go/src/pages/Game/Game.js +++ b/packages/play-node-go/src/pages/Game/Game.js @@ -5,6 +5,7 @@ import "./Game.scss"; import Logo from "../../components/Display/Logo/Logo"; import Board from "../../components/GameUI/Board/Board"; import PlayerArea from "../../components/GameUI/PlayerArea/PlayerArea"; +import Kifu from "../../components/GameUI/Kifu/Kifu"; const Game = (props) => { const { state, dispatch } = props; @@ -139,6 +140,7 @@ const Game = (props) => { ? playerWhiteMeta : playerBlackMeta } + Kifu={} turn={state?.meta?.turn} />