From 09848c7b211a7e4e67fd742b53ffff403c4b771d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 21 Aug 2024 12:08:02 -0500
Subject: [PATCH] feat: more robust xp

---
 .../Model/TechTreeSection/index.tsx           | 73 ++++++++++---------
 1 file changed, 40 insertions(+), 33 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx b/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx
index 8c44cfa3d..3d8d88a61 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx
@@ -64,7 +64,12 @@ export function TechTreeSection() {
     [master, lineIndex],
   );
   const totalXp = line.reduce(
-    (xp, id) => xp + (awaitedTankDefinitions[id].xp ?? 0),
+    (xp, id) =>
+      xp +
+      (awaitedTankDefinitions[id].xp === undefined ||
+      awaitedTankDefinitions[id].tier === 1
+        ? 0
+        : awaitedTankDefinitions[id].xp),
     0,
   );
   const totalCredits = line.reduce(
@@ -100,39 +105,41 @@ export function TechTreeSection() {
       <Flex direction="column" align="center">
         <Heading size="6">Tech tree</Heading>
 
-        <Flex gap="4" align="center">
-          <Text color="gray" wrap="nowrap">
-            <Flex gap="1" align="center">
-              <img
-                alt="XP"
-                src={asset('icons/currencies/xp.webp')}
-                style={{
-                  width: '1em',
-                  height: '1em',
-                  objectFit: 'contain',
-                  objectPosition: 'center',
-                }}
-              />
-              {totalXp.toLocaleString()}
-            </Flex>
-          </Text>
+        {master.tier > 1 && (
+          <Flex gap="4" align="center">
+            <Text color="gray" wrap="nowrap">
+              <Flex gap="1" align="center">
+                <img
+                  alt="XP"
+                  src={asset('icons/currencies/xp.webp')}
+                  style={{
+                    width: '1em',
+                    height: '1em',
+                    objectFit: 'contain',
+                    objectPosition: 'center',
+                  }}
+                />
+                {totalXp.toLocaleString()}
+              </Flex>
+            </Text>
 
-          <Text color="gray" wrap="nowrap">
-            <Flex gap="1" align="center">
-              <img
-                alt="Silver"
-                src={asset('icons/currencies/silver.webp')}
-                style={{
-                  width: '1em',
-                  height: '1em',
-                  objectFit: 'contain',
-                  objectPosition: 'center',
-                }}
-              />
-              {totalCredits.toLocaleString()}
-            </Flex>
-          </Text>
-        </Flex>
+            <Text color="gray" wrap="nowrap">
+              <Flex gap="1" align="center">
+                <img
+                  alt="Silver"
+                  src={asset('icons/currencies/silver.webp')}
+                  style={{
+                    width: '1em',
+                    height: '1em',
+                    objectFit: 'contain',
+                    objectPosition: 'center',
+                  }}
+                />
+                {totalCredits.toLocaleString()}
+              </Flex>
+            </Text>
+          </Flex>
+        )}
       </Flex>
 
       <ScrollArea type="hover" scrollbars="horizontal" ref={container}>