add: basic subtitle

2026-05-09 23:51:22 +01:00
parent 974f1e33fb
commit 5b43f503ac
3 changed files with 76 additions and 0 deletions
@@ -0,0 +1,33 @@
+import { useSettingsStore } from "@/managers/stores/useSettingsStore";
+
+export type SubtitleSpeaker = "Narrateur" | "Fermier" | "Leonie";
+
+interface SubtitlesProps {
+  speaker?: SubtitleSpeaker | null;
+  text?: string | null;
+}
+
+export function Subtitles({
+  speaker = null,
+  text = null,
+}: SubtitlesProps): React.JSX.Element | null {
+  const subtitlesEnabled = useSettingsStore((state) => state.subtitlesEnabled);
+  const content = text?.trim();
+
+  if (!subtitlesEnabled || !content) return null;
+
+  return (
+    <div className="subtitles" aria-live="polite">
+      <p>
+        {speaker ? (
+          <span
+            className={`subtitles__speaker subtitles__speaker--${speaker.toLowerCase()}`}
+          >
+            {speaker}:
+          </span>
+        ) : null}
+        {content}
+      </p>
+    </div>
+  );
+}