renamed cal.com call to cal.com video, added og image (#1852)
Co-authored-by: Peer Richelsen <peeroke@richelsen.net>
This commit is contained in:
parent
b563bac1a7
commit
5044614983
5 changed files with 19 additions and 11 deletions
|
@ -96,7 +96,7 @@ const DailyVideoApiAdapter = (credential: Credential): VideoApiAdapter => {
|
||||||
type: "daily_video",
|
type: "daily_video",
|
||||||
id: dailyEvent.name,
|
id: dailyEvent.name,
|
||||||
password: "",
|
password: "",
|
||||||
url: BASE_URL + "/call/" + event.uid,
|
url: BASE_URL + "/video/" + event.uid,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -6,14 +6,14 @@ import Link from "next/link";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import React, { useEffect } from "react";
|
import React, { useEffect } from "react";
|
||||||
|
|
||||||
|
import { useLocale } from "@lib/hooks/useLocale";
|
||||||
import prisma from "@lib/prisma";
|
import prisma from "@lib/prisma";
|
||||||
import { inferSSRProps } from "@lib/types/inferSSRProps";
|
import { inferSSRProps } from "@lib/types/inferSSRProps";
|
||||||
|
|
||||||
import { HeadSeo } from "@components/seo/head-seo";
|
|
||||||
|
|
||||||
export type JoinCallPageProps = inferSSRProps<typeof getServerSideProps>;
|
export type JoinCallPageProps = inferSSRProps<typeof getServerSideProps>;
|
||||||
|
|
||||||
export default function JoinCall(props: JoinCallPageProps) {
|
export default function JoinCall(props: JoinCallPageProps) {
|
||||||
|
const { t } = useLocale();
|
||||||
const session = props.session;
|
const session = props.session;
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
|
@ -34,15 +34,15 @@ export default function JoinCall(props: JoinCallPageProps) {
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (emptyBooking) {
|
if (emptyBooking) {
|
||||||
router.push("/call/no-meeting-found");
|
router.push("/video/no-meeting-found");
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isUpcoming) {
|
if (isUpcoming) {
|
||||||
router.push(`/call/meeting-not-started/${props.booking?.uid}`);
|
router.push(`/video/meeting-not-started/${props.booking?.uid}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isPast) {
|
if (isPast) {
|
||||||
router.push(`/call/meeting-ended/${props.booking?.uid}`);
|
router.push(`/video/meeting-ended/${props.booking?.uid}`);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -108,12 +108,20 @@ export default function JoinCall(props: JoinCallPageProps) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<HeadSeo title="Video Conference" description="Join the video call" />
|
|
||||||
<Head>
|
<Head>
|
||||||
<meta property="og:type" content="website" />
|
<title>Cal.com Video</title>
|
||||||
|
<meta name="title" content="Cal.com Video" />
|
||||||
|
<meta name="description" content={t("quick_video_meeting")} />
|
||||||
<meta property="og:image" content="https://cal.com/video-og-image.png" />
|
<meta property="og:image" content="https://cal.com/video-og-image.png" />
|
||||||
<meta property="twitter:card" content="summary_large_image" />
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:url" content="https://cal.com/video" />
|
||||||
|
<meta property="og:title" content="Cal.com Video" />
|
||||||
|
<meta property="og:description" content={t("quick_video_meeting")} />
|
||||||
<meta property="twitter:image" content="https://cal.com/video-og-image.png" />
|
<meta property="twitter:image" content="https://cal.com/video-og-image.png" />
|
||||||
|
<meta property="twitter:card" content="summary_large_image" />
|
||||||
|
<meta property="twitter:url" content="https://cal.com/video" />
|
||||||
|
<meta property="twitter:title" content="Cal.com Video" />
|
||||||
|
<meta property="twitter:description" content={t("quick_video_meeting")} />
|
||||||
</Head>
|
</Head>
|
||||||
<div style={{ zIndex: 2, position: "relative" }}>
|
<div style={{ zIndex: 2, position: "relative" }}>
|
||||||
<Link href="/">
|
<Link href="/">
|
|
@ -23,7 +23,7 @@ export default function MeetingUnavailable(props: inferSSRProps<typeof getServer
|
||||||
const emptyBooking = props.booking === null;
|
const emptyBooking = props.booking === null;
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (emptyBooking) {
|
if (emptyBooking) {
|
||||||
router.push("/call/no-meeting-found");
|
router.push("/video/no-meeting-found");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if (!emptyBooking) {
|
if (!emptyBooking) {
|
|
@ -20,7 +20,7 @@ export default function MeetingNotStarted(props: inferSSRProps<typeof getServerS
|
||||||
const emptyBooking = props.booking === null;
|
const emptyBooking = props.booking === null;
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (emptyBooking) {
|
if (emptyBooking) {
|
||||||
router.push("/call/no-meeting-found");
|
router.push("/video/no-meeting-found");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
Loading…
Reference in a new issue