36 lines
771 B
JavaScript
36 lines
771 B
JavaScript
|
import React, { Component } from 'react';
|
||
|
|
|
||
|
|
class Editor extends Component {
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
this.state = {
|
||
|
|
code: props.code
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div style={{
|
||
|
|
height: '100%',
|
||
|
|
width: '100%'
|
||
|
|
}}>
|
||
|
|
<textarea
|
||
|
|
value={this.state.code}
|
||
|
|
onChange={e => this.setState({ code: e.target.value })}
|
||
|
|
style={{
|
||
|
|
height: '80%',
|
||
|
|
width: '100%',
|
||
|
|
fontSize: '15px'
|
||
|
|
}} />
|
||
|
|
<div style={{ height: '20%', textAlign: 'center' }}>
|
||
|
|
<button onClick={() => this.props.onClose(this.state.code)} style={{ fontSize: 'large' }}>
|
||
|
|
Run
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Editor;
|