From 14a5458c528495561d7e92fe2b5a424fefef87ec Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <giulio@depasquale.eu>
Date: Wed, 16 Dec 2020 11:38:58 +0000
Subject: [PATCH] added contextual background

---
 websrc/components/Tables.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/websrc/components/Tables.tsx b/websrc/components/Tables.tsx
index 3c7737d..0e824e3 100644
--- a/websrc/components/Tables.tsx
+++ b/websrc/components/Tables.tsx
@@ -33,7 +33,13 @@ export class PositionTable extends Component<{ positions: Array<PositionState> }
 
     tableData() {
         return this.props.positions.map((position: PositionState) => {
-            return (<tr key={position.id}>
+            let row_bg = "";
+
+            if (!position.state.includes("break")) {
+                row_bg = "table-" + this.plColorFromStr(position.amount)
+            }
+
+            return (<tr key={position.id} className={row_bg}>
                 <td className={"align-middle"}><Badge
                     variant={this.stateVariantFromStr(position.state)}>{position.state}</Badge></td>
                 <td className={"align-middle"}>{position.symbol}</td>