New redesign

Co-authored-by: Copilot <copilot@github.com>
2026-04-28 02:41:47 +00:00
parent 4bbcc7d537
commit eab0abf800
7 changed files with 208 additions and 70 deletions
@@ -0,0 +1,36 @@
+type RadioControlsProps = {
+  status: string;
+  isPlaying: boolean;
+  onPlay: () => void | Promise<void>;
+  onStop: () => void;
+};
+
+export function RadioControls({ status, isPlaying, onPlay, onStop }: RadioControlsProps) {
+  return (
+    <section className="radio-controls" aria-label="Radio playback controls">
+      <p className="radio-controls__status" aria-live="polite">
+        {status}
+      </p>
+      <div className="radio-controls__buttons">
+        <button
+          type="button"
+          className="playpause"
+          onClick={() => void onPlay()}
+          disabled={isPlaying}
+          aria-label="Start live stream"
+        >
+          ▶️
+        </button>
+        <button
+          type="button"
+          className="playpause"
+          onClick={onStop}
+          disabled={!isPlaying}
+          aria-label="Stop live stream"
+        >
+          ⏹️
+        </button>
+      </div>
+    </section>
+  );
+}