import DailyIframe from "@daily-co/daily-js";
import { getSession } from "next-auth/client";
import Head from "next/head";
import Link from "next/link";
import { useRouter } from "next/router";
import React, { useEffect } from "react";
import { HeadSeo } from "@components/seo/head-seo";
import prisma from "../../lib/prisma";
export default function JoinCall(props, session) {
const router = useRouter();
//if no booking redirectis to the 404 page
const emptyBooking = props.booking === null;
useEffect(() => {
if (emptyBooking) {
router.push("/call/no-meeting-found");
}
});
useEffect(() => {
if (!emptyBooking && session.userid !== props.booking.user.id) {
const callFrame = DailyIframe.createFrame({
showLeaveButton: true,
iframeStyle: {
position: "fixed",
width: "100%",
height: "100%",
},
});
callFrame.join({
url: props.booking.dailyRef.dailyurl,
showLeaveButton: true,
});
}
if (!emptyBooking && session.userid === props.booking.user.id) {
const callFrame = DailyIframe.createFrame({
showLeaveButton: true,
iframeStyle: {
position: "fixed",
width: "100%",
height: "100%",
},
});
callFrame.join({
url: props.booking.dailyRef.dailyurl,
showLeaveButton: true,
token: props.booking.dailyRef.dailytoken,
});
}
}, []);
return (
<>