Merge branch 'main' of github.com:Monadical-SAS/reflector into sara/recorder-memory

www/app/transcripts/[transcriptId]/page.tsx

@@ -12,6 +12,7 @@ import "../../styles/button.css";
 import FinalSummary from "../finalSummary";
 import ShareLink from "../shareLink";
 import QRCode from "react-qr-code";
+import TranscriptTitle from "../transcriptTitle";
 
 type TranscriptDetails = {
   params: {
@@ -50,13 +51,18 @@ export default function TranscriptDetails(details: TranscriptDetails) {
         <Modal title="Loading" text={"Loading transcript..."} />
       ) : (
         <>
-          <Recorder
-            topics={topics?.topics || []}
-            useActiveTopic={useActiveTopic}
-            waveform={waveform?.waveform}
-            isPastMeeting={true}
-            transcriptId={transcript?.response?.id}
-          />
+          <div className="flex flex-col">
+            {transcript?.response?.title && (
+              <TranscriptTitle title={transcript.response.title} />
+            )}
+            <Recorder
+              topics={topics?.topics || []}
+              useActiveTopic={useActiveTopic}
+              waveform={waveform?.waveform}
+              isPastMeeting={true}
+              transcriptId={transcript?.response?.id}
+            />
+          </div>
           <div className="grid grid-cols-1 lg:grid-cols-2 grid-rows-2 lg:grid-rows-1 gap-2 lg:gap-4 h-full">
             <TopicList
               topics={topics?.topics || []}

www/app/transcripts/recorder.tsx

@@ -301,6 +301,9 @@ export default function Recorder(props: RecorderProps) {
             <a
               title="Download recording"
               className="text-center cursor-pointer text-blue-400 hover:text-blue-700 ml-2 md:ml:4 p-2 rounded-lg outline-blue-400"
+              download={`recording-${
+                props.transcriptId?.split("-")[0] || "0000"
+              }`}
               href={`${process.env.NEXT_PUBLIC_API_URL}/v1/transcripts/${props.transcriptId}/audio/mp3`}
             >
               <FontAwesomeIcon icon={faDownload} className="h-5 w-auto" />

www/app/transcripts/transcriptTitle.tsx

@@ -0,0 +1,13 @@
+type TranscriptTitle = {
+  title: string;
+};
+
+const TranscriptTitle = (props: TranscriptTitle) => {
+  return (
+    <h2 className="text-2xl lg:text-4xl font-extrabold text-center mb-4">
+      {props.title}
+    </h2>
+  );
+};
+
+export default TranscriptTitle;