fix favicon

primer · Jun 26, 2019 · 6e72743 · 6e72743
1 parent 3f197c4
commit 6e72743
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/pages/_document.js b/pages/_document.js
@@ -1,6 +1,8 @@
 import React from 'react'
 import Document, {Head, Main, NextScript} from 'next/document'
 import {ServerStyleSheet} from 'styled-components'
+import {getAssetPath} from '../src/utils'
+
 
 export default class MyDocument extends Document {
   static getInitialProps({renderPage}) {
@@ -25,6 +27,7 @@ export default class MyDocument extends Document {
           <meta property="og:url" content="https://primer.style" />
           <meta name="viewport" content="width=device-width,initial-scale=1" />
           <meta property="og:description" content="The design system that powers GitHub" />
+          <link rel="icon" href={getAssetPath('favicon.png')} />
           <meta
             property="og:image"
             content="https://user-images.githubusercontent.com/10384315/53922681-2f6d3100-402a-11e9-9719-5d1811c8110a.png"

diff --git a/src/utils.js b/src/utils.js
@@ -0,0 +1,7 @@
+import React from 'react'
+import getConfig from 'next/config'
+
+export const config = getConfig().publicRuntimeConfig || {}
+export const assetPrefix = config.assetPrefix || ''
+export const assetPath = `${assetPrefix}/static/`
+export const getAssetPath = path => `${assetPath}${path}`
diff --git a/static/favicon.png b/static/favicon.png