make carbon the file drop target

7 years ago · 60c92fe07f
parent 45bb7efbfb
commit 60c92fe07f
1 changed files with 18 additions and 17 deletions
--- a/pages/editor.js
+++ b/pages/editor.js
@ -80,9 +80,6 @@ class Editor extends React.Component {
  render () {
    return (
        <Page enableHeroText>
-          <ReadFileDropContainer
-            onDrop={droppedContent => this.setState({ droppedContent })}
-          >
          <div id="editor">
            <Toolbar
              save={this.save}
@ -95,11 +92,15 @@ class Editor extends React.Component {
              bg={this.state.background}
              enabled={this.state}
            />
+            <ReadFileDropContainer
+              onDrop={droppedContent => this.setState({ droppedContent })}
+            >
              <Carbon config={this.state}>
                {this.state.droppedContent || this.props.content || DEFAULT_CODE}
              </Carbon>
-            </div>
            </ReadFileDropContainer>
+          </div>
+
          <style jsx>{`
            #editor {
              background: ${COLORS.BLACK};