diff --git a/components/Carbon.js b/components/Carbon.js index b9be954..1d82c43 100644 --- a/components/Carbon.js +++ b/components/Carbon.js @@ -11,7 +11,6 @@ hljs.registerLanguage('javascript', javascript) import { Spinner } from './Spinner' import WindowControls from './WindowControls' -import WidthHandler from './WidthHandler' import { COLORS, @@ -224,14 +223,7 @@ class Carbon extends React.PureComponent {
- - {/* TODO pass in this child as a prop to Carbon */} - + {this.props.widthHandler}
)} diff --git a/components/Editor.js b/components/Editor.js index a7e0734..2807c23 100644 --- a/components/Editor.js +++ b/components/Editor.js @@ -17,6 +17,7 @@ import ShareMenu from './ShareMenu' import CopyMenu from './CopyMenu' import Themes from './Themes' import FontFace from './FontFace' +import WidthHandler from './WidthHandler' import LanguageIcon from './svg/Language' import { LANGUAGES, @@ -399,12 +400,18 @@ class Editor extends React.Component { ref={this.carbonNode} config={this.state} onChange={this.updateCode} - updateWidth={this.updateWidth} - confirmWidth={this.confirmWidth} loading={this.state.loading} theme={theme} titleBar={titleBar} onTitleBarChange={this.updateTitleBar} + widthHandler={ + + } > {code != null ? code : DEFAULT_CODE}