Analyzer add patch badge

app/modules/analyzer/types.ts

@@ -23,7 +23,6 @@ export interface MainWeaponParams {
   InkConsumeMinCharge?: number;
   /** How much ink one full charge of splatling consumes? */
   InkConsumeFullChargeSplatling?: number;
-  // xxx: morph with another swing one below
   /** How much ink one swing of brush consumes? */
   InkConsume_WeaponSwingParam?: number;
   /** How much ink one vertical swing of roller consumes? */

app/routes/analyzer.tsx

@@ -12,6 +12,8 @@ import styles from "~/styles/analyzer.css";
 import { Image } from "~/components/Image";
 import { specialWeaponImageUrl, subWeaponImageUrl } from "~/utils/urls";
 
+export const CURRENT_PATCH = "1.1";
+
 export const links: LinksFunction = () => {
   return [{ rel: "stylesheet", href: styles }];
 };
@@ -46,6 +48,9 @@ export default function BuildAnalyzerPage() {
             <KitCards analyzed={analyzed} />
           </div>
           <AbilitiesSelector selectedAbilities={build} onChange={setBuild} />
+          <div className="analyzer__patch">
+            {t("patch")} {CURRENT_PATCH}
+          </div>
         </div>
         <div className="stack md">
           <StatCategory title={t("stat.category.sub")}>

app/styles/analyzer.css

@@ -95,3 +95,12 @@
   color: var(--text-lighter);
   font-size: var(--fonts-xxs);
 }
+
+.analyzer__patch {
+  background-color: var(--theme-transparent);
+  border-radius: var(--rounded);
+  font-size: var(--fonts-xxxs);
+  font-weight: var(--bold);
+  padding-block: var(--s-0-5);
+  padding-inline: var(--s-1);
+}

public/locales/en/analyzer.json

@@ -25,5 +25,6 @@
   "base": "Base",
   "value": "Value",
   "build": "Build",
+  "patch": "Patch:",
   "consumptionExplanation": "This chart shows the amount of actions left to perform with main weapon after using sub 0-{{maxSubsToUse}} times. Max amount of consecutive subs to use with full ink tank is {{maxSubsToUse}}."
 }