move react crop stylesheet into component

6 years ago · 6f687aeba5
parent ac23f432bc
commit 6f687aeba5
2 changed files with 4 additions and 3 deletions
--- a/components/ImagePicker.js
+++ b/components/ImagePicker.js
@ -1,4 +1,5 @@
 import React from 'react'
+import Head from 'next/head'
 import ReactCrop, { makeAspectCrop } from 'react-image-crop'

 import RandomImage, { downloadThumbnailImage } from './RandomImage'
@ -308,6 +309,9 @@ export default class ImagePicker extends React.Component {

    return (
      <div className="image-picker-container">
+        <Head>
+          <link rel="stylesheet" href="/static/react-crop.css" />
+        </Head>
        {content}
        <style jsx>
          {`
--- a/components/Meta.js
+++ b/components/Meta.js
@ -72,9 +72,6 @@ export const MetaLinks = () => {
  const onBrowser = typeof window !== 'undefined'
  return (
    <React.Fragment>
-      <Head>
-        <link rel="stylesheet" href="/static/react-crop.css" />
-      </Head>
      <StylesheetLink theme="seti" />
      <CodeMirrorLink />
      {LOCAL_STYLESHEETS.map(id => (