update meta

6 years ago · 40ba1e0f9e
parent 5addb18bb7
commit 40ba1e0f9e
2 changed files with 22 additions and 15 deletions
--- a/components/Meta.js
+++ b/components/Meta.js
@ -68,15 +68,13 @@ export const MetaTags = () => (
 * Before supporting <link rel="preload"> verify that it is widely supported in FireFox
 * with out a flag here: https://caniuse.com/#feat=link-rel-preload
 */
-export default function Meta() {
+export const MetaLinks = () => {
  const onBrowser = typeof window !== 'undefined'
  return (
-    <div className="meta">
+    <React.Fragment>
      <Head>
-        <title>Carbon</title>
        <link rel="stylesheet" href="/static/react-crop.css" />
      </Head>
-      <MetaTags />
      <StylesheetLink theme="seti" />
      <CodeMirrorLink />
      {LOCAL_STYLESHEETS.map(id => (
@ -85,16 +83,23 @@ export default function Meta() {
      {onBrowser
        ? CDN_STYLESHEETS.map(theme => <StylesheetLink key={theme.id} theme={theme.id} />)
        : null}
+    </React.Fragment>
+  )
+}
+
+export const Styles = () => (
+  <React.Fragment>
    <Reset />
    <Font />
    <Typography />
-      <style jsx>
-        {`
-          .meta {
-            display: none;
-          }
-        `}
-      </style>
-    </div>
+  </React.Fragment>
+)
+
+export default function Meta() {
+  return (
+    <React.Fragment>
+      <MetaTags />
+      <Styles />
+    </React.Fragment>
  )
 }
--- a/pages/index.js
+++ b/pages/index.js
@ -5,6 +5,7 @@ import { withRouter } from 'next/router'
 // Ours
 import Editor from '../components/Editor'
 import Page from '../components/Page'
+import { MetaLinks } from '../components/Meta'
 import api from '../lib/api'
 import { updateQueryString } from '../lib/routing'
 import { saveSettings, clearSettings, omit } from '../lib/util'
@ -23,6 +24,7 @@ class Index extends React.Component {
  render() {
    return (
      <Page enableHeroText={true}>
+        <MetaLinks />
        <Editor
          router={this.props.router}
          onUpdate={this.onEditorUpdate}