From d7191acec94e573d5d222e4ee6c2d2e9cbdf3f37 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Tue, 15 Feb 2022 17:30:44 -0800
Subject: [PATCH] Can now chat while trading

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/Trade.css | 2 +-
 client/src/Trade.js  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/Trade.css b/client/src/Trade.css
index f8ddbcb..624e7f3 100644
--- a/client/src/Trade.css
+++ b/client/src/Trade.css
@@ -2,7 +2,7 @@
   display: flex;
   position: absolute;
   left: 0;
-  right: 0;
+  right: 40vw;
   bottom: 0;
   top: 0;
   justify-content: center;
diff --git a/client/src/Trade.js b/client/src/Trade.js
index c11c799..a6b087b 100644
--- a/client/src/Trade.js
+++ b/client/src/Trade.js
@@ -31,15 +31,17 @@ const Trade = ({table}) => {
 
   if (isTurn && table.game.player && table.game.player.banks) {
     table.game.player.banks.forEach(bank => {
-      players.push({ name: `Bank ${bank}`, color: undefined, gives: '*', gets: '2 wheat'});
+      players.push({ name: `Bank ${bank}`, color: undefined, gives: '1 *', gets: '2 wheat'});
     })
+
+    players.push({ name: `Bank`, color: undefined, gives: '1 *', gets: '3 *'})
   }
 
   players = players.map(item => 
     <div className="TradePlayer" key={`player-${item.name}`}>
       <PlayerColor color={item.color}/>
       <div>{item.name}</div>
-      <div className='TradeLine'>wants: <div>{item.gets}</div> for: <div>{item.gives}</div><Button>accept</Button></div>
+      <div className='TradeLine'>will take <div>{item.gets}</div> for <div>{item.gives}</div>.<Button>accept</Button></div>
     </div>
   );