feat(server/ssr): add <meta name="theme-color" />, Html -> HTML

Metnew · Nov 4, 2017 · 8fa5ca8 · 8fa5ca8
1 parent 0a91b5f
commit 8fa5ca8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/server/ssr/HtmlComponent.jsx b/src/server/ssr/HtmlComponent.jsx
@@ -17,7 +17,7 @@ const DLLScripts =
 	<script src="/vendor.js"></script>
 `
 
-const HtmlComponent = ({
+const HTMLComponent = ({
 	css,
 	asyncState,
 	initialState,
@@ -59,6 +59,7 @@ const HtmlComponent = ({
 					name="description"
 					content="Advanced universal React starter built with a scale in mind."
 				/>
+				<meta name="theme-color" content="#1b1e2f"/>
 				<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 				<base href="/" />
 				<meta name="msapplication-tap-highlight" content="no" />
@@ -83,4 +84,4 @@ const HtmlComponent = ({
 	}
 }
 
-export default HtmlComponent
+export default HTMLComponent
diff --git a/src/server/ssr/index.js b/src/server/ssr/index.js
@@ -10,7 +10,7 @@ import {ServerStyleSheet, StyleSheetManager} from 'styled-components'
 import {configureRootComponent, configureApp} from 'common/app'
 import asyncBootstrapper from 'react-async-bootstrapper'
 import {AsyncComponentProvider, createAsyncContext} from 'react-async-component'
-import HtmlComponent from './HtmlComponent'
+import HTMLComponent from './HTMLComponent'
 // $FlowFixMe
 import assets from 'webpack-assets'
 // $FlowFixMe
@@ -67,7 +67,7 @@ export default async (req: express$Request, res: express$Response) => {
 			i18n
 		}
 
-		const {beforeAppTag, afterAppTag} = HtmlComponent(props)
+		const {beforeAppTag, afterAppTag} = HTMLComponent(props)
 		const responseStatusCode = noRequestURLMatch ? 404 : 200
 
 		res.writeHead(responseStatusCode, {