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

2026-09-07 22:19:46 +00:00 · 2026-04-07 22:01:01 +07:00
parent 2c831040f0
commit 80327622df
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>
  );