mirror of https://github.com/lukechilds/docs.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.1 KiB
40 lines
1.1 KiB
import React from 'react';
|
|
|
|
import Head from 'next/head';
|
|
import { useFaviconName } from '@common/hooks/use-favicon';
|
|
|
|
export const MetaLabels = ({ labels }: any) => {
|
|
return labels?.length ? (
|
|
<Head>
|
|
{labels.map(({ label, data }, key: number) => (
|
|
<React.Fragment key={key}>
|
|
<meta
|
|
name={`twitter:label${key + 1}`}
|
|
// @ts-ignore
|
|
content={label}
|
|
/>
|
|
<meta
|
|
name={`twitter:data${key + 1}`}
|
|
// @ts-ignore
|
|
content={data}
|
|
/>
|
|
</React.Fragment>
|
|
))}
|
|
</Head>
|
|
) : null;
|
|
};
|
|
|
|
export const Meta: React.FC<any> = () => {
|
|
const filename = useFaviconName();
|
|
return (
|
|
<Head>
|
|
<link rel="icon" type="image/svg+xml" href={`/${filename}`} />
|
|
<meta property="og:image" content="/images/og_image.png" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="Stacks Docs" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:site" content="@blockstack" />
|
|
<meta name="twitter:creator" content="@blockstack" />
|
|
</Head>
|
|
);
|
|
};
|
|
|