From 71a01cb632bb38181493f78801564106e662d990 Mon Sep 17 00:00:00 2001
From: Aleksandr Penskoi <aleksandr.penskoi@gmail.com>
Date: Sat, 30 Dec 2023 16:50:01 +0100
Subject: [PATCH] Add scores in popover in subforest table.

---
 .../components/SubforestTables/Columns.tsx    | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/web/src/components/SubforestTables/Columns.tsx b/web/src/components/SubforestTables/Columns.tsx
index dd713e9e6..7a933c5cc 100644
--- a/web/src/components/SubforestTables/Columns.tsx
+++ b/web/src/components/SubforestTables/Columns.tsx
@@ -136,9 +136,23 @@ export function objectiveColumn(scoresInfo: ScoresInfo): Column {
       }
 
       return (
-        <div style={{ padding: "7px 5px", height: "100%", backgroundColor: cellColor.toRgbaString() }}>
-          {row.original.score}
-        </div>
+        <OverlayTrigger
+          trigger={["hover", "focus"]}
+          key={row.original.sid}
+          placement="left"
+          overlay={
+            <Popover id={`popover-positioned-left`}>
+              <Popover.Title>Scores</Popover.Title>
+              <Popover.Content>
+                <pre>{JSON.stringify(row.original.scores, undefined, 2)}</pre>
+              </Popover.Content>
+            </Popover>
+          }
+        >
+          <div style={{ padding: "7px 5px", height: "100%", backgroundColor: cellColor.toRgbaString() }}>
+            {row.original.score}
+          </div>
+        </OverlayTrigger>
       );
     },
   };