From 93867c7d794dcbe515b6f32d356c1b6d666805c4 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Tue, 31 Oct 2023 09:59:14 +0100
Subject: [PATCH] mock implementaion

---
 webapp/src/components/Game.css             |  5 +++++
 webapp/src/components/Game.jsx             |  4 +++-
 webapp/src/components/Game/GameMessage.css |  6 ++++++
 webapp/src/components/Game/GameMessage.jsx | 15 +++++++++++++++
 4 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 webapp/src/components/Game/GameMessage.css
 create mode 100644 webapp/src/components/Game/GameMessage.jsx

diff --git a/webapp/src/components/Game.css b/webapp/src/components/Game.css
index 458f0c4..e15501b 100644
--- a/webapp/src/components/Game.css
+++ b/webapp/src/components/Game.css
@@ -18,4 +18,9 @@
 .game .right-side {
     float: left;
     width: 55%;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center; 
+    align-items: center;
 }
\ No newline at end of file
diff --git a/webapp/src/components/Game.jsx b/webapp/src/components/Game.jsx
index b72bcfc..d4878f2 100644
--- a/webapp/src/components/Game.jsx
+++ b/webapp/src/components/Game.jsx
@@ -4,7 +4,8 @@ import GameView from './Game/GameView'
 import GameSelector from './Game/GameSelector'
 import GameAction from './Game/GameAction'
 import GameBoard from './Game/GameBoard'
-import NewGame from './Game/NewGame';
+import NewGame from './Game/NewGame'
+import GameMessage from './Game/GameMessage'
 
 export default function Game() {
 
@@ -17,6 +18,7 @@ export default function Game() {
       </div>
       <div className='right-side'>
         <GameAction />
+        <GameMessage />
         <GameBoard />
       </div>
     </div>
diff --git a/webapp/src/components/Game/GameMessage.css b/webapp/src/components/Game/GameMessage.css
new file mode 100644
index 0000000..b8871b8
--- /dev/null
+++ b/webapp/src/components/Game/GameMessage.css
@@ -0,0 +1,6 @@
+.game-message {
+    border-radius: 3px;
+    border-color: lightgray;
+    background-color:violet;
+    width: 70%;
+}
\ No newline at end of file
diff --git a/webapp/src/components/Game/GameMessage.jsx b/webapp/src/components/Game/GameMessage.jsx
new file mode 100644
index 0000000..aad2d4c
--- /dev/null
+++ b/webapp/src/components/Game/GameMessage.jsx
@@ -0,0 +1,15 @@
+import './GameMessage.css'
+import React from 'react'
+
+import { AppContext } from '../../context/app'
+
+export default function GameMessage() {
+
+  const [ctx] = React.useContext(AppContext)
+
+  return (
+    <div className='game-message'>
+      TBD: Game Message
+    </div>
+  )
+}