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}
/>