forked from github/plane
72 lines
1.9 KiB
TypeScript
72 lines
1.9 KiB
TypeScript
import Head from "next/head";
|
|
import { useRouter } from "next/router";
|
|
|
|
import {
|
|
SITE_NAME,
|
|
SITE_DESCRIPTION,
|
|
SITE_URL,
|
|
TWITTER_USER_NAME,
|
|
SITE_KEYWORDS,
|
|
SITE_TITLE,
|
|
} from "constants/seo/seo-variables";
|
|
|
|
// types
|
|
import type { Props } from "./types";
|
|
|
|
const Container = ({ meta, children }: Props) => {
|
|
const router = useRouter();
|
|
const image = meta?.image || "/site-image.png";
|
|
const title = meta?.title || SITE_TITLE;
|
|
const url = meta?.url || `${SITE_URL}${router.asPath}`;
|
|
const description = meta?.description || SITE_DESCRIPTION;
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>{title}</title>
|
|
<meta property="og:site_name" content={SITE_NAME} />
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:url" content={url} />
|
|
<meta name="description" content={description} />
|
|
<meta property="og:description" content={description} />
|
|
<meta name="keywords" content={SITE_KEYWORDS} />
|
|
<meta name="twitter:site" content={`@${TWITTER_USER_NAME}`} />
|
|
<meta
|
|
name="twitter:card"
|
|
content={image ? "summary_large_image" : "summary"}
|
|
/>
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="/favicon/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="/favicon/favicon-32x32.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="/favicon/favicon-16x16.png"
|
|
/>
|
|
<link rel="manifest" href="/site.webmanifest.json" />
|
|
<link rel="shortcut icon" href="/favicon/favicon.ico" />
|
|
{image && (
|
|
<meta
|
|
property="og:image"
|
|
content={
|
|
image.startsWith("https://") ? image : `${SITE_URL}${image}`
|
|
}
|
|
/>
|
|
)}
|
|
</Head>
|
|
{children}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Container;
|