diff --git a/src/client/Utils.ts b/src/client/Utils.ts index 63668316c..9bded69e2 100644 --- a/src/client/Utils.ts +++ b/src/client/Utils.ts @@ -61,6 +61,12 @@ export function renderNumber( } } +export function formatPercentage(value: number): string { + const perc = value * 100; + if (Number.isNaN(perc)) return "0%"; + return perc.toFixed(1) + "%"; +} + /** * Formats a keyboard key code for user-friendly display. * Handles empty values, spaces, and normalizes key codes like "Digit1" and "KeyA". diff --git a/src/client/graphics/layers/Leaderboard.ts b/src/client/graphics/layers/Leaderboard.ts index 3204d1e56..5dd8793f3 100644 --- a/src/client/graphics/layers/Leaderboard.ts +++ b/src/client/graphics/layers/Leaderboard.ts @@ -4,7 +4,7 @@ import { repeat } from "lit/directives/repeat.js"; import { renderTroops, translateText } from "../../../client/Utils"; import { EventBus, GameEvent } from "../../../core/EventBus"; import { GameView, PlayerView, UnitView } from "../../../core/game/GameView"; -import { renderNumber } from "../../Utils"; +import { formatPercentage, renderNumber } from "../../Utils"; import { Layer } from "./Layer"; interface Entry { @@ -274,9 +274,3 @@ export class Leaderboard extends LitElement implements Layer { `; } } - -function formatPercentage(value: number): string { - const perc = value * 100; - if (Number.isNaN(perc)) return "0%"; - return perc.toFixed(1) + "%"; -} diff --git a/src/client/graphics/layers/TeamStats.ts b/src/client/graphics/layers/TeamStats.ts index 8e0babec9..1841a0636 100644 --- a/src/client/graphics/layers/TeamStats.ts +++ b/src/client/graphics/layers/TeamStats.ts @@ -3,7 +3,12 @@ import { customElement, property } from "lit/decorators.js"; import { EventBus } from "../../../core/EventBus"; import { GameMode, Team, UnitType } from "../../../core/game/Game"; import { GameView, PlayerView } from "../../../core/game/GameView"; -import { renderNumber, renderTroops, translateText } from "../../Utils"; +import { + formatPercentage, + renderNumber, + renderTroops, + translateText, +} from "../../Utils"; import { Layer } from "./Layer"; interface TeamEntry { @@ -243,9 +248,3 @@ export class TeamStats extends LitElement implements Layer { `; } } - -function formatPercentage(value: number): string { - const perc = value * 100; - if (Number.isNaN(perc)) return "0%"; - return perc.toFixed(1) + "%"; -}