Essential fixes

app/components/dashboard.js

@@ -13,8 +13,6 @@ export function Dashboard({
 }) {
   const [openIndex, setOpenIndex] = useState(null);
 
-  topics = [{timestamp: '[00:00]', transcript: 'Abcdef', title: 'This is the title'}];
-
   return (
     <>
       <div className="w-3/4 py-4">

app/components/record.js

@@ -66,6 +66,8 @@ export default function Recorder(props) {
     if (!record) return console.log("no record");
 
     if (record?.isRecording()) {
+
+      props.serverData.peer.send(JSON.stringify({ cmd: "STOP" }));
       record.stopRecording();
       setIsRecording(false);
       document.getElementById("play-btn").disabled = false;

app/components/webrtc.js

@@ -64,6 +64,7 @@ const useWebRTC = (stream, setIsRecording) => {
               duration: serverData.duration,
               summary: serverData.summary,
             },
+            text: ''
           }));
           setIsRecording(false);
           break;

app/page.js

@@ -31,7 +31,7 @@ const App = () => {
         <p className="text-gray-500">Capture The Signal, Not The Noise</p>
       </div>
 
-      <Recorder setStream={setStream} />
+      <Recorder setStream={setStream} serverData={serverData} />
       <Dashboard
         isRecording={isRecording}
         onRecord={(recording) => handleRecord(recording)}