fix(stats): commas in numbers, left padding for delta

src/lib/rows.ts

@@ -38,6 +38,13 @@ const DEFAULT_WHITELIST: (keyof typeof FightPropMapEnum)[] = [
   "FIGHT_PROP_CRITICAL",
   "FIGHT_PROP_CRITICAL_HURT",
   "FIGHT_PROP_CHARGE_EFFICIENCY",
+  "FIGHT_PROP_FIRE_ADD_HURT",
+  "FIGHT_PROP_ELEC_ADD_HURT",
+  "FIGHT_PROP_WATER_ADD_HURT",
+  "FIGHT_PROP_GRASS_ADD_HURT",
+  "FIGHT_PROP_WIND_ADD_HURT",
+  "FIGHT_PROP_ROCK_ADD_HURT",
+  "FIGHT_PROP_ICE_ADD_HURT",
 ];
 
 const ELEMENT_TO_PROP: Record<string, string> = {
@@ -114,9 +121,9 @@ function formatValue(
   const name = String(key);
   if (percentageList.includes(name))
     return `${(Number(value) * 100).toFixed(1)}%`;
-  if (/HP|ATTACK|DEFENSE|CUR_ATTACK|MAX_HP|CUR_DEFENSE/.test(name))
-    return Math.round(Number(value)).toString();
-  return `${Math.round(Number(value))}`;
+  // if (/HP|ATTACK|DEFENSE|CUR_ATTACK|MAX_HP|CUR_DEFENSE/.test(name))
+  //   return Math.round(Number(value)).toString();
+  return Math.round(Number(value)).toLocaleString();
 }
 
 /**

src/v1/card.tsx

@@ -421,7 +421,7 @@ export function card(app: App) {
                               <div tw="flex grow justify-end">
                                 <div>
                                   {Math.round(r.base)}
-                                  <div tw="text-[#82ff9a]">
+                                  <div tw="text-[#82ff9a] pl-1">
                                     +{Math.round(r.delta)}
                                   </div>
                                 </div>