From 46833c6659ca87ac48879d28a3517e6054ca6794 Mon Sep 17 00:00:00 2001
From: Charles OuGuo <shaldengeki@gmail.com>
Date: Fri, 11 Oct 2024 23:59:34 -0400
Subject: [PATCH] :arrow_down: In Ark game logs table, only append arena rating
 changes when present (#627)

---
 ark_nova_stats/frontend/src/components/GameLogsTable.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ark_nova_stats/frontend/src/components/GameLogsTable.tsx b/ark_nova_stats/frontend/src/components/GameLogsTable.tsx
index 2a49e315..368b8099 100644
--- a/ark_nova_stats/frontend/src/components/GameLogsTable.tsx
+++ b/ark_nova_stats/frontend/src/components/GameLogsTable.tsx
@@ -32,7 +32,7 @@ const GameLogsTable = ({gameLogs, currentPlayer}: GameLogsTableParams) => {
                 "Players": <ul>{gameLog.users.map((user: User) => {
                     const ratingChange = gameLog.gameRatingChanges.find((change) => { return change.user.bgaId === user.bgaId })
                     const priorElos = [];
-                    let linkTextParts = [user.name];
+                    const linkTextParts = [user.name];
                     if (ratingChange?.priorElo) {
                         priorElos.push(ratingChange.priorElo)
                         if (ratingChange.priorArenaElo) {
@@ -52,9 +52,12 @@ const GameLogsTable = ({gameLogs, currentPlayer}: GameLogsTableParams) => {
             if (currentPlayer !== undefined) {
                 const ratingChange = gameLog.gameRatingChanges.find((change) => { return change.user.bgaId === currentPlayer.bgaId })
                 if (ratingChange) {
+                    const ratingChanges = [`Normal: ${ratingChange.priorElo} -> ${ratingChange.newElo}`];
+                    if (ratingChange.priorArenaElo) {
+                        ratingChanges.push(`Arena: ${ratingChange.priorArenaElo} -> ${ratingChange.newArenaElo}`)
+                    }
                     rowAttrs["Rating changes"] = <ul>
-                    <li>Normal: {ratingChange.priorElo} -&gt; {ratingChange.newElo}</li>
-                    <li>Arena: {ratingChange.priorArenaElo} -&gt; {ratingChange.newArenaElo}</li>
+                        {ratingChanges.map((change) => { return <li>{change}</li>})}
                     </ul>;
                 }
             }