diff --git a/src/app/company/[style]/[meet]/page.tsx b/src/app/company/[style]/[meet]/page.tsx
index 6c4796c..385ee03 100644
--- a/src/app/company/[style]/[meet]/page.tsx
+++ b/src/app/company/[style]/[meet]/page.tsx
@@ -6,113 +6,29 @@ import RightPanel from "./_components/RightPanel";
import { ResizablePanelGroup } from "@/components/ui/resizable";
import { generalStore } from "@/lib/utils/generalStore";
import { toaster } from "@/components/toast";
-import { usePathname, useRouter } from "next/navigation";
+import { useRouter } from "next/navigation";
import { interviewStore } from "@/lib/utils/interviewStore";
-import { useConversation } from "@11labs/react";
export default function Home() {
const router = useRouter();
- const pathname = usePathname();
const [code, setCode] = useState(
'#include
\nusing namespace std;\n\nint main(){\n\tcout<<"Hello World";\n}'
);
- const [question, setQuestion] = useState("");
+ const question = ''
+ // const [question, setQuestion] = useState("");
+ const interviewId = generalStore((state) => state.interviewId)
const [minutes, setMinutes] = useState(10);
const [seconds, setSeconds] = useState(0);
const mins = interviewStore((state) => state.minutes);
const secs = interviewStore((state) => state.seconds);
- const setConversation = interviewStore((state) => state.setConversation);
- const { setSubtitles } = interviewStore();
const candidate = generalStore((state) => state.candidate);
if (!candidate) {
- console.log("Please Login to start the meet.");
+ toaster("Please Login to start the meet.");
}
- const conversation = useConversation({
- onConnect: () => console.log("Connected"),
- onDisconnect: (error) => {
- if (error) {
- console.error("Disconnected:", error);
- } else {
- console.log("Disconnected");
- }
- },
- onMessage: (message: { message: string; source: string }) => {
- if (message.source === "ai") {
- setSubtitles(message.message);
- } else {
- setSubtitles(null);
- }
- setConversation([
- ...interviewStore.getState().conversation,
- {
- role: message.source === "ai" ? "assistant" : "user",
- content: message.message,
- },
- ]);
- },
- onError: (error) => console.error("Error:", error),
- });
-
- const startConversation = useCallback(async () => {
- try {
- const response = await fetch("/api/get-prompts", {
- method: "POST",
- body: JSON.stringify({ prompt: pathname.split("/")[2] }),
- headers: {
- "Content-Type": "application/json",
- },
- });
- const data = await response.json();
- if (!data.success) {
- console.error("Failed to fetch prompt");
- return;
- }
- const { prompt } = data.data;
- console.log("Prompt:", prompt);
- await navigator.mediaDevices.getUserMedia({ audio: true });
- await conversation.startSession({
- agentId: process.env.NEXT_PUBLIC_AGENT_ID ?? "",
- dynamicVariables: {
- prompt: prompt,
- },
- clientTools: pathname.split("/")[2].includes("hr")
- ? {
- end_call: async () => {
- await stopConversation();
- router.push("/end");
- },
- }
- : {
- showDsaQuestion: async ({ questionText }) => {
- console.log("Showing DSA question:", questionText);
- setQuestion(questionText);
- },
- evaluateWrittenCode: async () => {
- console.log("Evaluating code...", new Date());
- return code;
- },
- dsaQuestionOver: async () => {
- setQuestion("");
- },
- end_call: async () => {
- await stopConversation();
- router.push("/end");
- },
- },
- });
- } catch (error) {
- console.error("Failed to start conversation:", error);
- }
- }, [candidate, conversation]);
-
- useEffect(() => {
- startConversation();
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
const stopConversation = useCallback(async () => {
- await conversation.endSession();
- }, [conversation]);
+ // await conversation.endSession();
+ }, []);
useEffect(() => {
const handleVisibilityChange = () => {
@@ -128,9 +44,9 @@ export default function Home() {
useEffect(() => {
if (mins === "00" && secs === "00") {
stopConversation();
- router.push("/end");
+ router.push(`/end/${interviewId}`);
}
- }, [mins, secs, router, stopConversation]);
+ }, [mins, secs, router, stopConversation, interviewId]);
useEffect(() => {
if (!candidate) {
@@ -151,7 +67,6 @@ export default function Home() {
seconds={seconds}
setMinutes={setMinutes}
setSeconds={setSeconds}
- conversation={conversation}
stopConversation={stopConversation}
/>
diff --git a/src/app/company/[style]/page.tsx b/src/app/company/[style]/page.tsx
index 2868755..643be88 100644
--- a/src/app/company/[style]/page.tsx
+++ b/src/app/company/[style]/page.tsx
@@ -8,6 +8,7 @@ import { UserCircle, Code } from "lucide-react";
import { useRouter, usePathname } from "next/navigation";
import { generalStore } from "@/lib/utils/generalStore";
import { toast } from "sonner";
+import { interviewStore } from "@/lib/utils/interviewStore";
const interviewTypes = [
{
@@ -29,6 +30,7 @@ export default function ChooseInterviewType() {
const router = useRouter();
const pathname = usePathname();
const candidate = generalStore((state) => state.candidate);
+ const introduction = interviewStore((state) => state.startInterview)
if (
!(
pathname.split("/")[2] == "meta" ||
@@ -56,9 +58,8 @@ export default function ChooseInterviewType() {
{interviewTypes.map((type, index) => (
setSelectedType(type.code)}
initial={{ opacity: 0, scale: 0.9 }}
animate={{ opacity: 1, scale: 1 }}
@@ -85,9 +86,8 @@ export default function ChooseInterviewType() {