From 0d1eb9b12e44631b4fb644554988c90f00e9fb56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 14 Nov 2023 20:12:34 -0600
Subject: [PATCH] feat: better reward handling

---
 src/app/tools/ratings/page.tsx | 65 ++++++++++++++++++++--------------
 1 file changed, 38 insertions(+), 27 deletions(-)

diff --git a/src/app/tools/ratings/page.tsx b/src/app/tools/ratings/page.tsx
index be0232178..36617dd15 100644
--- a/src/app/tools/ratings/page.tsx
+++ b/src/app/tools/ratings/page.tsx
@@ -906,7 +906,9 @@ export default function Page() {
           <Table.Row>
             <Table.ColumnHeaderCell width="0">Position</Table.ColumnHeaderCell>
             <Table.ColumnHeaderCell>Player</Table.ColumnHeaderCell>
-            <Table.ColumnHeaderCell width="0">Reward</Table.ColumnHeaderCell>
+            {season === 0 && (
+              <Table.ColumnHeaderCell width="0">Reward</Table.ColumnHeaderCell>
+            )}
             <Table.ColumnHeaderCell width="0">
               Percentile
             </Table.ColumnHeaderCell>
@@ -946,46 +948,55 @@ export default function Page() {
                   : 'unset',
                 cursor: 'pointer',
               }}
-              key={index}
+              key={`${region}${season}${index}`}
               onClick={() => {
                 setHighlightedPlayer({ type: 'position', position: index });
               }}
             >
-              <Table.Cell key={index}>{position.toLocaleString()}.</Table.Cell>
-              <Table.Cell key={index}>
+              <Table.Cell>{position.toLocaleString()}.</Table.Cell>
+              <Table.Cell>
                 {names[region][id] === null
                   ? `Deleted player ${id}`
                   : names[region][id]?.nickname ?? `Loading player...`}
                 <Text color="gray">{clan ? ` [${clan}]` : ''}</Text>
               </Table.Cell>
-              <Table.Cell key={index} align="center" justify="center">
-                {reward ? (
-                  <Flex align="center" justify="center" gap="1">
-                    <img
-                      style={{
-                        objectFit: 'contain',
-                      }}
-                      width={32}
-                      height={32}
-                      src={
-                        reward.type === 'stuff'
-                          ? reward.stuff.image_url
-                          : reward.vehicle.image_url
-                      }
-                    />
-                    {reward.count === 1 ? '' : `x${reward.count}`}
-                  </Flex>
-                ) : (
-                  '--'
-                )}
-              </Table.Cell>
-              <Table.Cell key={index} align="right" justify="center">
+              {season === 0 && (
+                <Table.Cell align="center" justify="center">
+                  {reward ? (
+                    <Flex align="center" justify="center" gap="1">
+                      <img
+                        style={{
+                          objectFit: 'contain',
+                        }}
+                        width={32}
+                        height={32}
+                        src={
+                          reward.type === 'stuff'
+                            ? reward.stuff.image_url
+                            : reward.vehicle.image_url
+                        }
+                        alt={
+                          reward.type === 'stuff'
+                            ? reward.stuff.title
+                            : reward.vehicle.user_string
+                        }
+                      />
+                      <Text style={{ whiteSpace: 'nowrap' }} color="gray">
+                        {reward.count === 1 ? '' : `x ${reward.count}`}
+                      </Text>
+                    </Flex>
+                  ) : (
+                    '--'
+                  )}
+                </Table.Cell>
+              )}
+              <Table.Cell align="right" justify="center">
                 {totalPlayers
                   ? Math.ceil(((index + 1) / totalPlayers) * 100)
                   : '--'}
                 %
               </Table.Cell>
-              <Table.Cell key={index} align="right">
+              <Table.Cell align="right">
                 {players[region][season]?.[index]?.score.toLocaleString()}
               </Table.Cell>
             </Table.Row>