From 60c92fe07f95792a1f6d5c0a951d5a59cbf4a091 Mon Sep 17 00:00:00 2001
From: Jake Dexheimer <jakedex@gmail.com>
Date: Fri, 15 Sep 2017 23:05:49 -0500
Subject: [PATCH] make carbon the file drop target

---
 pages/editor.js | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/pages/editor.js b/pages/editor.js
index 212e17f..20331e7 100644
--- a/pages/editor.js
+++ b/pages/editor.js
@@ -80,26 +80,27 @@ class Editor extends React.Component {
   render () {
     return (
         <Page enableHeroText>
-          <ReadFileDropContainer
-            onDrop={droppedContent => this.setState({ droppedContent })}
-          >
-            <div id="editor">
-              <Toolbar
-                save={this.save}
-                upload={this.upload}
-                uploading={this.state.uploading}
-                onBGChange={color => this.setState({ background: color })}
-                onThemeChange={theme => this.setState({ theme: theme.id })}
-                onLanguageChange={language => this.setState({ language: language.module })}
-                onSettingsChange={(key, value) => this.setState({ [key]: value })}
-                bg={this.state.background}
-                enabled={this.state}
-              />
+          <div id="editor">
+            <Toolbar
+              save={this.save}
+              upload={this.upload}
+              uploading={this.state.uploading}
+              onBGChange={color => this.setState({ background: color })}
+              onThemeChange={theme => this.setState({ theme: theme.id })}
+              onLanguageChange={language => this.setState({ language: language.module })}
+              onSettingsChange={(key, value) => this.setState({ [key]: value })}
+              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>
+            </ReadFileDropContainer>
+          </div>
+
           <style jsx>{`
             #editor {
               background: ${COLORS.BLACK};