docs: update react-helmet config to include favicon

react-dnd · Nov 6, 2018 · 3e0f0af · 3e0f0af
1 parent 4449a26
commit 3e0f0af
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/documentation/gatsby-config.js b/packages/documentation/gatsby-config.js
@@ -22,9 +22,9 @@ module.exports = {
 	pathPrefix: '/react-dnd',
 	plugins: [
 		'gatsby-plugin-typescript',
+		'gatsby-plugin-favicon',
 		'gatsby-plugin-react-helmet',
 		'gatsby-plugin-styled-components',
-		'gatsby-plugin-favicon',
 
 		// Handle Markdown Content
 		{

diff --git a/packages/documentation/src/components/layout.tsx b/packages/documentation/src/components/layout.tsx
@@ -11,7 +11,7 @@ import { APIPages, ExamplePages } from '../constants'
 import Header from './header'
 import './layout.css'
 require('prismjs/themes/prism.css')
-// tslint:disable-next-line
+const favicon = require('../favicon.png')
 
 export interface LayoutProps {
 	location?: { pathname: string }
@@ -32,6 +32,7 @@ const Layout: React.SFC<LayoutProps> = props => {
 					{ name: 'description', content: 'Sample' },
 					{ name: 'keywords', content: 'sample, something' },
 				]}
+				link={[{ rel: 'shortcut icon', type: 'image/png', href: `${favicon}` }]}
 			>
 				<html lang="en" />
 			</Helmet>