aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/components/common/CodeEditor.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/js/components/common/CodeEditor.jsx')
-rw-r--r--web/src/js/components/common/CodeEditor.jsx24
1 files changed, 6 insertions, 18 deletions
diff --git a/web/src/js/components/common/CodeEditor.jsx b/web/src/js/components/common/CodeEditor.jsx
index 85da0507..b10b13ed 100644
--- a/web/src/js/components/common/CodeEditor.jsx
+++ b/web/src/js/components/common/CodeEditor.jsx
@@ -1,40 +1,28 @@
import React, { Component, PropTypes } from 'react'
import { render } from 'react-dom';
-import brace from 'brace';
import AceEditor from 'react-ace';
-import Button from './Button'
-
import 'brace/mode/javascript';
-import 'brace/mode/json';
import 'brace/theme/kuroir';
-
-
-
export default class CodeEditor extends Component{
- constructor( props ) {
- super(props)
- this.state = {value: this.props.value}
- }
-
- onChange(newValue) {
- this.setState({value: newValue})
+ static propTypes = {
+ value: PropTypes.string.isRequired,
+ onChange: PropTypes.func.isRequired,
}
render() {
return (
<div onKeyDown={e => e.stopPropagation()}>
<AceEditor
- onChange={e => this.onChange(e)}
mode="javascript"
theme="kuroir"
- value={this.state.value}
+ onChange={this.props.onChange}
+ name="rea"
+ value={this.props.value}
width="100%"
- name="codeEditor"
editorProps={{$blockScrolling: Infinity}}
/>
- <Button onClick={(e) => this.props.onSave(this.state.value)} text="Update"/>
</div>
)
}