Update bar max thickness and graph label

stormgateworld · Feb 15, 2024 · c8c7b3a · c8c7b3a
1 parent d479c15
commit c8c7b3a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/widgets/GameLengthChart.tsx b/src/components/widgets/GameLengthChart.tsx
@@ -55,6 +55,7 @@ export function GameLengthChart(props: GameLengthProps) {
       intersect: false,
       mode: "index",
     },
+    maxBarThickness: 50,
     plugins: {
       title: {
         display: false,

diff --git a/src/lib/labels.ts b/src/lib/labels.ts
@@ -3,7 +3,6 @@ import { League, Race } from "./api"
 export const raceLabels: Record<Race, string> = {
   infernals: "Infernals",
   vanguard: "Vanguard",
-  random: "Random",
 }
 
 export const leagueLabels: Record<League, string> = {

diff --git a/src/pages/players/[id]-[username]/statistics.astro b/src/pages/players/[id]-[username]/statistics.astro
@@ -24,6 +24,7 @@ import { GameLengthChart } from "../../../components/widgets/GameLengthChart"
 import { Image } from "astro:assets"
 import infernals from "../../../assets/game/factions/infernals-small.png"
 import vanguard from "../../../assets/game/factions/vanguard-small.png"
+import { raceLabels } from "../../../lib/labels"
 
 const playerId = Astro.params.id!
 
@@ -99,14 +100,14 @@ if (dateLabels[dateLabels.length - 1] !== today) {
               <GameLengthChart data={matchup.match_length} client:idle />
               <div class="mt-4 flex items-center justify-center gap-2 text-gray-200">
                 <Image src={matchup.race === "infernals" ? infernals : vanguard} alt={matchup.race} class="size-6" />
-                <span>{matchup.race}</span>
+                <span>{raceLabels[matchup.race]}</span>
                 <span>vs</span>
-                <span>{matchup.opponent_race}</span>
                 <Image
                   src={matchup.opponent_race === "infernals" ? infernals : vanguard}
                   alt={matchup.opponent_race}
                   class="size-6"
                 />
+                <span>{raceLabels[matchup.opponent_race]}</span>
               </div>
             </Widget>
           ))