blsmedia/bot
2
0
Fork 0
Code Activity

fix(viewer): 🐛 Custom metadata in viewer

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-02-20 10:45:55 +01:00
parent feb966d513
commit 6ec8d06b97
8 changed files with 312 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/viewer/components/Seo.tsx
View File

@ -1,24 +1,26 @@
import { Metadata } from 'models'
import Head from 'next/head'
import React from 'react'
type SEOProps = any
type SEOProps = {
url: string
typebotName: string
metadata: Metadata
}
export const SEO = ({
iconUrl,
thumbnailUrl,
title,
description,
url,
chatbotName,
typebotName,
metadata: { title, description, favIconUrl, imageUrl },
}: SEOProps) => (
<Head>
<title>{title ?? chatbotName}</title>
<title>{title ?? typebotName}</title>
<link
rel="icon"
type="image/png"
href={iconUrl ?? 'https://bot.typebot.io/favicon.png'}
href={favIconUrl ?? 'https://bot.typebot.io/favicon.png'}
/>
<meta name="title" content={title ?? chatbotName} />
<meta name="title" content={title ?? typebotName} />
<meta
name="description"
content={
@ -29,8 +31,8 @@ export const SEO = ({
<meta property="og:type" content="website" />
<meta property="og:url" content={url ?? 'https://bot.typebot.io'} />
<meta property="og:title" content={title ?? chatbotName} />
<meta property="og:site_name" content={title ?? chatbotName} />
<meta property="og:title" content={title ?? typebotName} />
<meta property="og:site_name" content={title ?? typebotName} />
<meta
property="og:description"
content={
@ -41,12 +43,12 @@ export const SEO = ({
<meta
property="og:image"
itemProp="image"
content={thumbnailUrl ?? 'https://bot.typebot.io/site-preview.png'}
content={imageUrl ?? 'https://bot.typebot.io/site-preview.png'}
/>
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={url ?? 'https://bot.typebot.io'} />
<meta property="twitter:title" content={title ?? chatbotName} />
<meta property="twitter:title" content={title ?? typebotName} />
<meta
property="twitter:description"
content={
@ -56,7 +58,7 @@ export const SEO = ({
/>
<meta
property="twitter:image"
content={thumbnailUrl ?? 'https://bot.typebot.io/site-preview.png'}
content={imageUrl ?? 'https://bot.typebot.io/site-preview.png'}
/>
</Head>
)