mythic-insight/calcom
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

use https://github.com/calendso/og-image to show dynamic og-image of booking links with avatar and title of booking.

Browse source
This commit is contained in:
Malte Delfs 2021-06-22 17:52:52 +02:00
parent 0c8d2c74de
commit a3b4cbeadd
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/[user].tsx
View file

@ -20,6 +20,8 @@ export default function User(props) {
<Head>
<title>{props.user.name || props.user.username} | Calendso</title>
<link rel="icon" href="/favicon.ico" />
<meta property="og:image" content={"https://og-image-inctrrupl-calend-so.vercel.app/" + encodeURIComponent("Book **" + (props.user.name || props.user.username) + "**") + ".png?md=1&images=https%3A%2F%2Fcalendso.com%2Fcalendso-logo-white.svg&images=" + encodeURIComponent(props.user.avatar)} />
<meta property="og:title" content={"Book " + (props.user.name || props.user.username) + " via Calendso"}/>
</Head>
<main className="max-w-2xl mx-auto my-24">
@ -89,4 +91,4 @@ export function getRandomColorCode() {
color += Math.floor(Math.random() * 10);
}
return color;
}
}

3
pages/[user]/[type].tsx
View file

@ -96,6 +96,9 @@ export default function Type(props) {
Calendso
</title>
<link rel="icon" href="/favicon.ico" />
<meta property="og:image" content={"https://og-image-inctrrupl-calend-so.vercel.app/" + encodeURIComponent("Book **" + (props.user.name || props.user.username) + "** <br>" + props.eventType.description) + ".png?md=1&images=https%3A%2F%2Fcalendso.com%2Fcalendso-logo-white.svg&images=" + encodeURIComponent(props.user.avatar)} />
<meta property="og:title" content={"Book " + (props.user.name || props.user.username) + " via Calendso"}/>
<meta property="og:description" content={props.eventType.description}/>
</Head>
<main
className={