Add scores in popover in subforest table.

ryukzak · Dec 30, 2023 · 71a01cb · 71a01cb
1 parent 44f471f
commit 71a01cb
Showing 1 changed file with 17 additions and 3 deletions.
diff --git 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>
       );
     },
   };