fix: toggle pause button text and color based on game state

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-08-13 11:22:51 +00:00 · 2026-04-07 22:01:01 +07:00
parent ec58fcb301
commit 9de47575d8
1 changed files with 2 additions and 2 deletions
@@ -65,14 +65,14 @@ export function HUD({ stateManager, onPause }: HUDProps) {
        onClick={onPause}
        style={{
          padding: "6px 16px",
-          background: "#0f3460",
+          background: state.status === "paused" ? "#e94560" : "#0f3460",
          color: "#fff",
          border: "none",
          borderRadius: "4px",
          cursor: "pointer",
        }}
      >
-        ⏸ Pause
+        {state.status === "paused" ? "▶ Resume" : "⏸ Pause"}
      </button>
    </div>
  );