From ecc029402e73209198492999d48799be19d7f55e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 5 Apr 2024 14:05:15 -0500
Subject: [PATCH] feat: percentage

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

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 0678f5864..2a4795e5c 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -179,11 +179,7 @@ export default function Page() {
                   height: '100%',
                 }}
               >
-                <Text
-                  style={{
-                    textAlign: 'center',
-                  }}
-                >
+                <Text style={{ textAlign: 'center' }} wrap="nowrap">
                   {display
                     ? display(stats[index])
                     : decimals === undefined
@@ -206,6 +202,16 @@ export default function Page() {
                         )
                       </Text>
                     )}
+
+                    {deltaMode === 'percentage' && (
+                      <Text color="gray">
+                        (
+                        {`${deltaPercentage > 0 ? '+' : ''}${Math.round(
+                          deltaPercentage * 100,
+                        )}%`}
+                        )
+                      </Text>
+                    )}
                   </>
                 )}
               </Flex>
@@ -416,17 +422,17 @@ export default function Page() {
               <Row name="Speed backwards" value="speedBackwards" decimals={0} />
               <Row name="Engine power" value="enginePower" decimals={0} />
               <Row
-                name="Power to weight ratio on hard terrain"
+                name="Power to weight ratio hard terrain"
                 value="powerToWeightRatioHardTerrain"
                 decimals={1}
               />
               <Row
-                name="Power to weight ratio on medium terrain"
+                name="Power to weight ratio medium terrain"
                 value="powerToWeightRatioMediumTerrain"
                 decimals={1}
               />
               <Row
-                name="Power to weight ratio on soft terrain"
+                name="Power to weight ratio soft terrain"
                 value="powerToWeightRatioSoftTerrain"
                 decimals={1}
               />