Refactor: streamline code

Author: Soumilgit

app/dashboard/interview/[interviewId]/start/_components/RecordAnswerSection.jsx

@@ -111,10 +111,8 @@ const RecordAnswerSection = ({
       let MockJsonResp = result.response.text();
       console.log(MockJsonResp);
 
-      // Removing possible extra text around JSON
       MockJsonResp = MockJsonResp.replace("```json", "").replace("```", "");
-
-      // Attempt to parse JSON
+      
       let jsonFeedbackResp;
       try {
         jsonFeedbackResp = JSON.parse(MockJsonResp);
@@ -177,189 +175,8 @@ const RecordAnswerSection = ({
           )}
         </Button>
       </div>
-      {/* Check transcription code */}
-      {/* {userAnswer && (
-        <div className="mt-4 p-4 bg-gray-100 rounded-lg">
-          <h3 className="font-bold">Transcribed Answer:</h3>
-          <p>{userAnswer}</p>
-        </div>
-      )} */}
     </div>
   );
 };
 
 export default RecordAnswerSection;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// "use client";
-// import { Button } from "@/components/ui/button";
-// import Image from "next/image";
-// import React, { useContext, useEffect, useState } from "react";
-// import Webcam from "react-webcam";
-// import useSpeechToText from "react-hook-speech-to-text";
-// import { Mic } from "lucide-react";
-// import { toast } from "sonner";
-// import { chatSession } from "@/utils/GeminiAIModal";
-// import { db } from "@/utils/db";
-// import { UserAnswer } from "@/utils/schema";
-// import { useUser } from "@clerk/nextjs";
-// import moment from "moment";
-// import { WebCamContext } from "@/app/dashboard/layout";
-
-// const RecordAnswerSection = ({
-//   mockInterviewQuestion,
-//   activeQuestionIndex,
-//   interviewData,
-// }) => {
-//   const [userAnswer, setUserAnswer] = useState("");
-//   const { user } = useUser();
-//   const [loading, setLoading] = useState(false);
-//   const {
-//     error,
-//     interimResult,
-//     isRecording,
-//     results,
-//     startSpeechToText,
-//     stopSpeechToText,
-//     setResults,
-//   } = useSpeechToText({
-//     continuous: true,
-//     useLegacyResults: false,
-//   });
-//   const { webCamEnabled, setWebCamEnabled } = useContext(WebCamContext);
-
-//   useEffect(() => {
-//     results.map((result) =>
-//       setUserAnswer((prevAns) => prevAns + result?.transcript)
-//     );
-//   }, [results]);
-
-//   useEffect(() => {
-//     if (!isRecording && userAnswer.length > 10) {
-//       updateUserAnswer();
-//     }
-//     // if (userAnswer?.length < 10) {
-//     //   setLoading(false);
-//     //   toast("Error while saving your answer, Please record again");
-//     //   return;
-//     // }
-//   }, [userAnswer]);
-
-//   const StartStopRecording = async () => {
-//     if (isRecording) {
-//       stopSpeechToText();
-//     } else {
-//       startSpeechToText();
-//     }
-//   };
-
-//   const updateUserAnswer = async () => {
-//     try {
-//       console.log(userAnswer);
-//       setLoading(true);
-//       const feedbackPrompt =
-//         "Question:" +
-//         mockInterviewQuestion[activeQuestionIndex]?.Question +
-//         ", User Answer:" +
-//         userAnswer +
-//         " , Depends on question and user answer for given interview question" +
-//         " please give us rating for answer and feedback as area of improvement if any " +
-//         "in just 3 to 5 lines to improve it in JSON format with rating field and feedback field";
-
-//       const result = await chatSession.sendMessage(feedbackPrompt);
-
-//       let MockJsonResp = result.response.text();
-//       console.log(MockJsonResp);
-
-//       // Removing possible extra text around JSON
-//       MockJsonResp = MockJsonResp.replace("```json", "").replace("```", "");
-
-//       // Attempt to parse JSON
-//       let jsonFeedbackResp;
-//       try {
-//         jsonFeedbackResp = JSON.parse(MockJsonResp);
-//       } catch (e) {
-//         throw new Error("Invalid JSON response: " + MockJsonResp);
-//       }
-
-//       const resp = await db.insert(UserAnswer).values({
-//         mockIdRef: interviewData?.mockId,
-//         question: mockInterviewQuestion[activeQuestionIndex]?.Question,
-//         correctAns: mockInterviewQuestion[activeQuestionIndex]?.Answer,
-//         userAns: userAnswer,
-//         feedback: jsonFeedbackResp?.feedback,
-//         rating: jsonFeedbackResp?.rating,
-//         userEmail: user?.primaryEmailAddress?.emailAddress,
-//         createdAt: moment().format("YYYY-MM-DD"),
-//       });
-
-//       if (resp) {
-//         toast("User Answer recorded successfully");
-//       }
-//       setUserAnswer("");
-//       setResults([]);
-//       setLoading(false);
-//     } catch (error) {
-//       console.error(error);
-//       toast("An error occurred while recording the user answer");
-//       setLoading(false);
-//     }
-//   };
-
-//   return (
-//     <div className="flex flex-col items-center justify-center overflow-hidden">
-//       <div className="flex flex-col justify-center items-center rounded-lg p-5 bg-black mt-4 w-[30rem] ">
-//         {webCamEnabled ? (
-//           <Webcam
-//             mirrored={true}
-//             style={{ height: 250, width: "100%", zIndex: 10 }}
-//           />
-//         ) : (
-//           <Image src={"/camera.jpg"} width={200} height={200} />
-//         )}
-//       </div>
-//       <div className="md:flex  mt-4 md:mt-8 md:gap-5">
-//         <div className="my-4 md:my-0">
-//           <Button
-//             // className={`${webCamEnabled ? "w-full" : "w-full"}`}
-//             onClick={() => setWebCamEnabled((prev) => !prev)}
-//           >
-//             {webCamEnabled ? "Close WebCam" : "Enable WebCam"}
-//           </Button>
-//         </div>
-//         <Button
-//           varient="outline"
-//           // className="my-10"
-//           onClick={StartStopRecording}
-//           disabled={loading}
-//         >
-//           {isRecording ? (
-//             <h2 className="text-red-400 flex gap-2 ">
-//               <Mic /> Stop Recording...
-//             </h2>
-//           ) : (
-//             " Record Answer"
-//           )}
-//         </Button>
-//       </div>
-//     </div>
-//   );
-// };
-
-// export default RecordAnswerSection;