Add RP/NS icons to modified by row

app/modules/analyzer/stats.ts

@@ -149,7 +149,7 @@ function specialSavedAfterDeath({
   return {
     baseValue: specialSavedAfterDeathForDisplay(baseEffect),
     value: specialSavedAfterDeathForDisplay(effect - extraSpecialLost),
-    modifiedBy: SPECIAL_SAVED_AFTER_DEATH_ABILITY,
+    modifiedBy: [SPECIAL_SAVED_AFTER_DEATH_ABILITY, "RP"],
   };
 }
 
@@ -439,7 +439,7 @@ function swimSpeed(
   return {
     baseValue: effectToRounded(baseEffect * 10),
     value: effectToRounded(effect * 10 * ninjaSquidMultiplier),
-    modifiedBy: SWIM_SPEED_ABILITY,
+    modifiedBy: [SWIM_SPEED_ABILITY, "NS"],
   };
 }
 
@@ -481,7 +481,7 @@ function quickRespawnTime(
     value: framesToSeconds(
       RESPAWN_CHASE_FRAME + chase.effect + around.effect + extraFrames
     ),
-    modifiedBy: QUICK_RESPAWN_TIME_ABILITY,
+    modifiedBy: [QUICK_RESPAWN_TIME_ABILITY, "RP"],
   };
 }
 

app/modules/analyzer/types.ts

@@ -104,7 +104,7 @@ export type ParamsJson = {
 export interface Stat {
   value: number;
   baseValue: number;
-  modifiedBy: Ability;
+  modifiedBy: Ability | Array<Ability>;
 }
 
 export type AbilityPoints = Map<

app/routes/analyzer.tsx

@@ -563,14 +563,24 @@ function StatCard({
         </div>
       </div>
       {typeof stat !== "number" && (
-        <div className="stack items-center">
-          <Ability ability={stat.modifiedBy} size="TINY" />
-        </div>
+        <ModifiedByAbilities abilities={stat.modifiedBy} />
       )}
     </div>
   );
 }
 
+function ModifiedByAbilities({ abilities }: { abilities: Stat["modifiedBy"] }) {
+  const abilitiesArray = Array.isArray(abilities) ? abilities : [abilities];
+
+  return (
+    <div className="stack horizontal sm items-center justify-center">
+      {abilitiesArray.map((ability) => (
+        <Ability key={ability} ability={ability} size="TINY" />
+      ))}
+    </div>
+  );
+}
+
 function DamageTable({
   values,
   isTripleShooter,