Voice NotesVoice Notes

"use client";

import * as React from "react";
import { VoiceNotes, type VoiceNote } from "@/components/ui/notchset/voice-notes";

export function ThreadNotes({ initial, upload }: { initial: VoiceNote[]; upload: (levels: number[], duration: number) => Promise<string> }) {
  const [notes, setNotes] = React.useState(initial);
  return (
    <VoiceNotes
      title="Maya Kerr"
      subtitle="#RELAY-EVALS"
      initials="MK"
      me={{ initials: "AR" }}
      notes={notes}
      onSend={async (d) => {
        const id = crypto.randomUUID();
        setNotes((n) => [...n, { id, mine: true, author: "YOU", initials: "AR", time: new Date().toTimeString().slice(0, 5), duration: d.duration, levels: d.levels, transcript: null }]);
        const transcript = await upload(d.levels, d.duration);
        setNotes((n) => n.map((x) => (x.id === id ? { ...x, transcript } : x)));
      }}
    />
  );
}