From fe2cde9df0412eda70de89d3848c1337c12a1946 Mon Sep 17 00:00:00 2001
From: "suraj.shenoy.b@gmail.com" <suraj.shenoy.b@gmail.com>
Date: Sun, 26 Jan 2025 04:20:42 -0600
Subject: [PATCH] update

---
 src/app/(web)/transcribe/page.tsx | 28 +++++++++++-----------------
 tsconfig.json                     |  3 ++-
 2 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/src/app/(web)/transcribe/page.tsx b/src/app/(web)/transcribe/page.tsx
index 7358505..e18af8a 100644
--- a/src/app/(web)/transcribe/page.tsx
+++ b/src/app/(web)/transcribe/page.tsx
@@ -2,7 +2,7 @@
 //import Hero1 from '@/components/Hero1'
 //IMPORT THE HERO1 FUNCTION TO MAKE THE TRANSCRIBE PAGE LOOK BETTER
 import React, { useState, useRef } from "react";
-// import axios from "axios";
+import axios from "axios";
 
 const AudioTranscriber: React.FC = () => {
   const [file, setFile] = useState<File | null>(null);
@@ -32,27 +32,20 @@ const AudioTranscriber: React.FC = () => {
 
     const formData = new FormData();
     formData.append("file", audioFile);
-    console.log(audioFile);
+
     setLoading(true);
     setError(null); // Clear previous errors
     try {
-      let response = await fetch("/api/transcribe", {
-        method: "POST",
-        body: formData,
-        headers: {
-          "Content-Type": "multipart/form-data",
-        }
-      }) 
+      const response = await axios.post("/api/transcribe", formData);
 
-      response = await response.json();
-      console.log("Transcription response:", response);
+      console.log("Transcription response:", response.data);
 
-      // if (response.data && response.data.transcription) {
-      //   setTranscription(response.data.transcription);
-      // } else {
-      //   setError("Unexpected response format. Check backend API.");
-      //   console.error("Invalid response format:", response.data);
-      // }
+      if (response.data && response.data.transcription) {
+        setTranscription(response.data.transcription);
+      } else {
+        setError("Unexpected response format. Check backend API.");
+        console.error("Invalid response format:", response.data);
+      }
     } catch (error) {
       console.error("Error transcribing audio:", error);
       setError("Failed to transcribe audio. Please try again.");
@@ -157,6 +150,7 @@ export default AudioTranscriber;
 
 
 
+
 /*
 "use client"
 
diff --git a/tsconfig.json b/tsconfig.json
index ac07830..432c55b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,6 +22,7 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx", "src/app/(web)/page.jsx", "src/app/(web)/transcribe/page.jsx", "src/app/(web)/login/page.jsx", "src/app/(panels)/suite/layout.jsx", "src/app/(panels)/suite/doctor/dashboard/page.jsx", "src/app/(panels)/suite/patient/chat/page.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx", "src/app/(web)/page.jsx", "src/app/(web)/transcribe/page.tsx", "src/app/(web)/login/page.jsx", "src/app/(panels)/suite/layout.jsx", "src/app/(panels)/suite/doctor/dashboard/page.jsx", "src/app/(panels)/suite/patient/chat/page.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/app/api/connectDB.js", "src/lib/utils.js", "src/app/(web)/account/page.jsx", "src/app/(panels)/suite/patient/account/page.jsx", "src/app/(panels)/suite/patient/dashboard/MedicationTable.jsx", "src/app/(panels)/suite/patient/dashboard/page.jsx", "src/app/api/transcribe/route.js", "src/components/ui/calendar.jsx", "src/app/(web)/page.jsx", "src/app/(web)/transcribe/page.tsx"],
   "exclude": ["node_modules"]
 }