From 97080434638fdd75d2f27259e3c04d4f9febfdc9 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 23 Oct 2022 10:50:53 +0300
Subject: [PATCH] Add distance to obj dmg table headers

---
 app/routes/object-damage.tsx | 10 ++++++++--
 app/styles/object-damage.css |  6 ++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/routes/object-damage.tsx b/app/routes/object-damage.tsx
index 46a3342fc..4e9dbab39 100644
--- a/app/routes/object-damage.tsx
+++ b/app/routes/object-damage.tsx
@@ -26,6 +26,7 @@ import type { DamageReceiver } from "~/modules/analyzer/types";
 import React from "react";
 import { roundToTwoDecimalPlaces } from "~/utils/number";
 import { useTranslation } from "react-i18next";
+import clsx from "clsx";
 
 export const links: LinksFunction = () => {
   return [{ rel: "stylesheet", href: styles }];
@@ -79,10 +80,8 @@ const damageReceiverImages: Record<DamageReceiver, string> = {
   Gachihoko_Barrier: modeImageUrl("RM"),
   GreatBarrier_Barrier: specialWeaponImageUrl(BIG_BUBBLER_ID),
   GreatBarrier_WeakPoint: specialWeaponImageUrl(BIG_BUBBLER_ID),
-  InkRail: modeImageUrl("CB"),
   NiceBall_Armor: specialWeaponImageUrl(BOOYAH_BOMB_ID),
   ShockSonar: specialWeaponImageUrl(WAVE_BREAKER_ID),
-  Sponge_Versus: modeImageUrl("CB"),
   Wsb_Flag: subWeaponImageUrl(SQUID_BEAKON_ID),
   Wsb_Shield: subWeaponImageUrl(SPLASH_WALL_ID),
   Wsb_Sprinkler: subWeaponImageUrl(SPRINKLER_ID),
@@ -114,6 +113,13 @@ function DamageReceiversGrid({
           {damage.type.startsWith("BOMB_")
             ? t(`weapons:SUB_${subWeaponId}`)
             : t(`analyzer:damage.${damage.type as "NORMAL_MIN"}`)}
+          <div
+            className={clsx("object-damage__distance", {
+              invisible: !damage.distance,
+            })}
+          >
+            Distance: {damage.distance}
+          </div>
         </div>
       ))}
       {DAMAGE_RECEIVERS.map((receiver, i) => {
diff --git a/app/styles/object-damage.css b/app/styles/object-damage.css
index 3aa602cd1..845d61dd5 100644
--- a/app/styles/object-damage.css
+++ b/app/styles/object-damage.css
@@ -26,6 +26,12 @@
   text-align: center;
 }
 
+.object-damage__distance {
+  color: var(--text-lighter);
+  font-size: var(--fonts-xxs);
+  margin-block-start: var(--s-1);
+}
+
 .object-damage__table-card {
   display: grid;
   width: 100%;