diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-07-27 17:59:35 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-07-30 15:48:39 +0800 |
commit | 5283dcce2ea5878ac45b9b297c0882f926feb344 (patch) | |
tree | 719cfb9417d2508822d346c288ef69567d6178f1 /packages/website/ts/components/meta_tags.tsx | |
parent | 48e538f5c7dc208775ec71635e4d4866b5907228 (diff) | |
download | dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.tar dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.tar.gz dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.tar.bz2 dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.tar.lz dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.tar.xz dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.tar.zst dexon-0x-contracts-5283dcce2ea5878ac45b9b297c0882f926feb344.zip |
Create MetaTags component
Diffstat (limited to 'packages/website/ts/components/meta_tags.tsx')
-rw-r--r-- | packages/website/ts/components/meta_tags.tsx | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/packages/website/ts/components/meta_tags.tsx b/packages/website/ts/components/meta_tags.tsx new file mode 100644 index 000000000..f6c43d23f --- /dev/null +++ b/packages/website/ts/components/meta_tags.tsx @@ -0,0 +1,25 @@ +import * as React from 'react'; +import { Helmet } from 'react-helmet'; + +export interface MetaTagsProps { + title: string; + description: string; + imgSrc?: string; +} + +export const MetaTags: React.StatelessComponent<MetaTagsProps> = ({ title, description, imgSrc }) => ( + <Helmet> + <title>{title}</title> + <meta name="description" content={description} /> + <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> +); + +MetaTags.defaultProps = { + imgSrc: '/images/og_image.png', +}; |