From eacce66a82dfd0f632b2909720a02d4ef90c807b Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Thu, 6 Jun 2024 23:36:47 -0700
Subject: [PATCH] refac

---
 .../chat/MessageInput/CallOverlay.svelte        | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/chat/MessageInput/CallOverlay.svelte b/src/lib/components/chat/MessageInput/CallOverlay.svelte
index 7c58ac124..a7d0eb1dd 100644
--- a/src/lib/components/chat/MessageInput/CallOverlay.svelte
+++ b/src/lib/components/chat/MessageInput/CallOverlay.svelte
@@ -12,6 +12,7 @@
 	let confirmed = false;
 
 	let rmsLevel = 0;
+	let hasStartedSpeaking = false;
 
 	let audioContext;
 	let analyser;
@@ -82,7 +83,7 @@
 		const timeDomainData = new Uint8Array(analyser.fftSize);
 
 		let lastSoundTime = Date.now();
-		let hasStartedSpeaking = false;
+		hasStartedSpeaking = false;
 
 		const detectSound = () => {
 			const processFrame = () => {
@@ -162,7 +163,11 @@
 			audioChunks = [];
 			analyseAudio(stream);
 		};
-		mediaRecorder.ondataavailable = (event) => audioChunks.push(event.data);
+		mediaRecorder.ondataavailable = (event) => {
+			if (hasStartedSpeaking) {
+				audioChunks.push(event.data);
+			}
+		};
 		mediaRecorder.onstop = async () => {
 			console.log('Recording stopped');
 
@@ -227,12 +232,12 @@
 					{:else}
 						<div
 							class=" {rmsLevel * 100 > 4
-								? 'size-48'
+								? ' size-52'
 								: rmsLevel * 100 > 2
-								? 'size-[11.5rem]'
+								? 'size-48'
 								: rmsLevel * 100 > 1
-								? 'size-44'
-								: 'size-[10.5rem]'}  transition-all bg-black dark:bg-white rounded-full"
+								? 'size-[11.5rem]'
+								: 'size-44'}  transition-all bg-black dark:bg-white rounded-full"
 						/>
 					{/if}
 				</div>