Add handicap to game history table

online-go · Jun 8, 2024 · 243183c · 243183c
1 parent 7770a26
commit 243183c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/views/User/GameHistoryTable.tsx b/src/views/User/GameHistoryTable.tsx
@@ -69,6 +69,7 @@ interface GroomedGame {
     result: JSX.Element;
     flags?: { [flag_key: string]: number | string | boolean };
     rengo_vs_text?: `${number} vs. ${number}`;
+    handicap: number;
 }
 
 export function GameHistoryTable(props: GameHistoryProps) {
@@ -190,6 +191,8 @@ export function GameHistoryTable(props: GameHistoryProps) {
 
             item.name = r.name;
 
+            item.handicap = r.handicap;
+
             if (item.name && item.name.trim() === "") {
                 item.name = item.href;
             }
@@ -393,6 +396,12 @@ export function GameHistoryTable(props: GameHistoryProps) {
                                     "board_size" + (X && X.annulled ? " annulled" : ""),
                                 render: (X) => `${X.width}x${X.height}`,
                             },
+                            {
+                                header: _("Hd"),
+                                className: (X) =>
+                                    "handicap" + (X && X.annulled ? " annulled" : ""),
+                                render: (X) => X.handicap,
+                            },
                             {
                                 header: _("Name"),
                                 className: (X) =>

diff --git a/src/views/User/User.styl b/src/views/User/User.styl
@@ -492,13 +492,20 @@
           themed color strong-loss
         }
 
+        .board_size {
+            padding-right: 0.5em;
+        }
+
+        .handicap {
+            padding-right: 0.5em;
+        }
+
         .game_name {
             a {
                 color: unset;
             }
             max-width: 15rem;
             overflow: hidden;
-            padding-left: 0.5em;
             text-overflow: ellipsis;
         }
 
@@ -526,6 +533,10 @@
         .annulled {
             themed opacity annul-opacity;
         }
+
+        th {
+            padding-right: 0.5em;
+        }
     }