Release Healer Man 0.1.29

src/ui/ActionBar.tsx

@@ -1,9 +1,8 @@
 import { useEffect, useState, type CSSProperties } from "react";
 import type { AbilityTarget } from "../game/abilityCatalog";
+import { useInputBindingLabels } from "../input/useInputBindingLabels";
 import {
-  ACTION_CONTROL_DEFINITIONS,
   ACTION_LAYER_LABELS,
-  actionBindingChordLabel,
   type ActionBindingControl,
   type ActionBindingLayer,
 } from "../game/actionBindings";
@@ -70,15 +69,15 @@ function ActionSlot({
   onInspect: (control: ActionBindingControl) => void;
   onStopInspecting: (control: ActionBindingControl) => void;
 }) {
-  const definition = ACTION_CONTROL_DEFINITIONS[control];
   const cooldown = cooldownPercent(item?.cooldownRemaining, item?.cooldownDuration);
   const unavailable = !item || Boolean(item.disabled);
   const style = {
     "--ability-color": item?.color ?? "#789b68",
     "--cooldown-fill": `${cooldown}%`,
   } as CSSProperties;
-  const bindingLabel = inputMode === "gamepad" ? definition.gamepadLabel : definition.keyboardLabel;
-  const chord = actionBindingChordLabel(layer, control, inputMode);
+  const label = useInputBindingLabels();
+  const chord = label(inputMode === "gamepad" ? "controller" : "pc", `ability:${layer}:${control}`);
+  const bindingLabel = chord.replace(/ \/ [^+]+/g, "").replace(/Left stick/g, "LS").replace(/Right stick/g, "RS");
   const cooldownLabel = (item?.cooldownRemaining ?? 0) > 0.05
     ? ", cooling down"
     : "";