diff --git a/ui/src/pages/recording-playback/components/UnitsTab.tsx b/ui/src/pages/recording-playback/components/UnitsTab.tsx
index 583fc2f2c..19aa7d8ce 100644
--- a/ui/src/pages/recording-playback/components/UnitsTab.tsx
+++ b/ui/src/pages/recording-playback/components/UnitsTab.tsx
@@ -4,6 +4,7 @@ import type { Side } from "../../../data/types";
import type { Unit } from "../../../playback/entities/unit";
import { SIDE_COLORS_UI, SIDE_BG_COLORS } from "../../../config/sideColors";
import { useEngine } from "../../../hooks/useEngine";
+import { useCustomize } from "../../../hooks/useCustomize";
import { useI18n } from "../../../hooks/useLocale";
import { activeSide, setActiveSide } from "../shortcuts";
import { CrosshairIcon, ChevronRightIcon, EyeOffIcon, EyeIcon, NavigationIcon } from "../../../components/Icons";
@@ -32,7 +33,9 @@ export interface UnitsTabProps {
export function UnitsTab(props: UnitsTabProps): JSX.Element {
const engine = useEngine();
+ const customize = useCustomize();
const { t } = useI18n();
+ const showKillCount = (): boolean => !customize().disableKillCount;
const [expandedGroups, setExpandedGroups] = createSignal
>(new Set());
const [selectedUnit, setSelectedUnit] = createSignal(null);
@@ -221,7 +224,7 @@ export function UnitsTab(props: UnitsTabProps): JSX.Element {
{unit.role}
- 0}>
+ 0}>
{killDeathCounts().kills.get(unit.id)}
@@ -240,6 +243,7 @@ export function UnitsTab(props: UnitsTabProps): JSX.Element {
onToggleFollow={toggleFollow}
onToggleBlacklist={props.onToggleBlacklist}
side={activeSide()}
+ showKillCount={showKillCount()}
/>
>
@@ -267,6 +271,7 @@ interface UnitDetailCardProps {
onToggleFollow: (unitId: number) => void;
onToggleBlacklist?: (playerEntityId: number) => void;
side: Side;
+ showKillCount: boolean;
}
function UnitDetailCard(props: UnitDetailCardProps): JSX.Element {
@@ -277,24 +282,26 @@ function UnitDetailCard(props: UnitDetailCardProps): JSX.Element {
>
{/* Stats row */}
-
-
0 ? "var(--accent-danger)" : "var(--text-dimmest)" }}
- >
- {props.kills}
+
+
+
0 ? "var(--accent-danger)" : "var(--text-dimmest)" }}
+ >
+ {props.kills}
+
+
KILLS
- KILLS
-
-
-
0 ? "var(--accent-warning)" : "var(--text-dimmest)" }}
- >
- {props.deaths}
+
+
0 ? "var(--accent-warning)" : "var(--text-dimmest)" }}
+ >
+ {props.deaths}
+
+
DEATHS
-
DEATHS
-
+
{(() => {
const visible = props.isBlacklisted ? 0 : props.markerCount;