diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/MetaTags.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/MetaTags.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/MetaTags.tsx b/packages/dev-tools-pages/ts/components/MetaTags.tsx new file mode 100644 index 000000000..9bb33f7ab --- /dev/null +++ b/packages/dev-tools-pages/ts/components/MetaTags.tsx @@ -0,0 +1,28 @@ +import * as React from 'react'; +import { Helmet } from 'react-helmet'; + +import { withContext, Props } from './withContext'; + +interface MetaTagsProps extends Props { + imgSrc?: string; +} + +function MetaTags(props: MetaTagsProps) { + const { title, imgSrc = '/images/og_image.png' } = props; + const description = props.tagline; + return ( + <Helmet> + <title>{props.title}</title> + <meta name="description" content={description} /> + <link rel="shortcut icon" href={`/favicons/${props.name}.ico`} /> + <meta property="og:title" content={title} /> + <meta property="og:description" content={description} /> + <meta property="og:type" content="website" /> + <meta property="og:image" content={imgSrc} /> + <meta name="twitter:site" content="@0xproject" /> + <meta name="twitter:image" content={imgSrc} /> + </Helmet> + ); +} + +export default withContext(MetaTags); |