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:
Peer Richelsen 2022-02-15 12:46:27 +00:00 committed by GitHub
parent b563bac1a7
commit 5044614983
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 19 additions and 11 deletions

View file

@ -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,
}); });
} }

View file

@ -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="/">

View file

@ -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) {

View file

@ -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