merged call page

React/src/app/call/page.tsx

@@ -69,6 +69,25 @@ function CallPage() {
     audio.play();
   };
 
+
+  const handleEmergency = async () => {
+		// send texts
+		const response = await fetch("/api/sendMessage", {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+			},
+			body: JSON.stringify({
+				message: `yo i need help`,
+			}),
+		});
+
+		if (!response.ok) {
+			console.error("Error sending message:", response.statusText);
+			return;
+		}
+	}
+
   return (
     <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
       <main className="flex flex-col gap-[32px] row-start-2 items-center sm:items-start">
@@ -94,7 +113,7 @@ function CallPage() {
           </>
         )}
 
-        <button className="bg-red-500 text-white rounded-md p-2">Emergency</button>
+        <button onClick={handleEmergency} className="bg-red-500 text-white rounded-md p-2">Emergency</button>
         <button className="bg-blue-500 text-white rounded-md p-2"
           onClick={() => {
             window.location.href = '/';