Merge remote-tracking branch 'origin' into jose/vertical-waveform

app/components/dashboard.js

@@ -141,7 +141,7 @@ export function Dashboard(props) {
               {generateDecibelGraph(generateDecibelData())}
             </div>
           </div>
-          <div className="mt-2 p-2">{liveTranscript}</div>
+          <div className="mt-2 p-2 bg-white temp-transcription">{props.transcriptionText}</div>
         </div>
 
       </div>

app/globals.css

@@ -27,3 +27,9 @@ body {
 
   font-family: "Roboto", sans-serif;
 }
+
+.temp-transcription
+{
+  background: beige;
+  border-radius: 5px;
+}

app/page.js

@@ -11,6 +11,7 @@ const App = () => {
   // This is where you'd send the stream and receive the data from the server.
   // transcription, summary, etc
   const serverData = useWebRTC(stream);
+  const text = serverData?.text ?? "";
 
   return (
     <div className="flex flex-col items-center h-[100svh]">
@@ -20,7 +21,10 @@ const App = () => {
       </div>
 
       <Recorder setStream={setStream}/>
-      <Dashboard serverData={serverData} />
+      <Dashboard
+        serverData={serverData}
+        transcriptionText={`[${serverData?.timestamp?.substring(2) ?? "??"}] ${text}`}
+      />
 
       <footer className="w-full bg-gray-800 text-center py-4 mt-auto text-white">
         Reflector © 2023 Monadical