From 753804b8cfcd9ccb5fd5c644f0f62a2c48a0a61e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 4 Apr 2024 15:52:05 -0500
Subject: [PATCH] feat: some more stats 2

---
 src/app/tools/compare/page.tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index cda0ab4d9..909de294c 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -48,6 +48,8 @@ export default function Page() {
     [searchParams],
   );
 
+  const hasNonRegularGun = tanks.some(({ gun }) => gun.type !== 'regular');
+
   useEffect(() => {
     const tanksParam = searchParams.get('tanks');
 
@@ -81,7 +83,7 @@ export default function Page() {
         ) => number | undefined);
     display: (
       member: Awaited<ReturnType<typeof tankCharacteristics>>,
-    ) => number | string;
+    ) => number | string | undefined;
     deltaType?: 'higherIsBetter' | 'lowerIsBetter';
   }) {
     const values = stats.map((stat) =>
@@ -93,7 +95,6 @@ export default function Page() {
         <Table.RowHeaderCell>
           <Flex
             align="center"
-            justify="center"
             style={{
               width: '100%',
               height: '100%',
@@ -232,6 +233,23 @@ export default function Page() {
                     .join(', ')
                 }
               />
+              {hasNonRegularGun && (
+                <Row
+                  name="Intra-clip"
+                  value={(stat) => stat.intraClip}
+                  display={(stats) => stats.intraClip?.toFixed(2)}
+                />
+              )}
+              <Row
+                name="Caliber"
+                value="caliber"
+                display={(stats) => stats.caliber.toFixed(0)}
+              />
+              <Row
+                name="Penetration"
+                value="penetration"
+                display={(stats) => stats.penetration.toFixed(0)}
+              />
             </Table.Body>
           </Table.Root>
         </Flex>