embarklabs
/
embark
mirror of https://github.com/embarklabs/embark.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Move from props to state

This commit is contained in:
Andre Medeiros 2018-10-03 14:47:58 -04:00 committed by Pascal Precht
parent 3339d27ee7
commit 31cfc7bdeb
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
embark-ui/src/containers/ApplicationPreviewContainer.js
View File

@ -1,11 +1,11 @@
import PropTypes from 'prop-types';
import React from 'react';
class ApplicationPreviewContainer extends React.Component {
constructor(props) {
super(props);
this.state = {
previewUrl: props.previewUrl || 'http://localhost:8000'
previewUrl: 'http://localhost:8000'
};
}
@ -13,7 +13,7 @@ class ApplicationPreviewContainer extends React.Component {
return (
<div>
<div className="input-group mb-3">
<input type="text" className="form-control" placeholder="URL" ref={(input) => this.locationInput = input} value={this.props.previewUrl} />
<input type="text" className="form-control" placeholder="URL" value={this.state.previewUrl} onChange={(e) => this.handlePreviewUrlChange(e)} />
<div className="input-group-append">
<button className="btn btn-outline-secondary" type="button" onClick={(e) => this.handlePreviewGo(e)}>Go</button>
</div>
@ -23,6 +23,10 @@ class ApplicationPreviewContainer extends React.Component {
);
}
handlePreviewUrlChange(ev) {
this.setState({previewUrl: ev.target.value});
}
handlePreviewChange(ev) {
try {
let url = ev.target.contentWindow.location.toString();
@ -33,13 +37,9 @@ class ApplicationPreviewContainer extends React.Component {
}
handlePreviewGo() {
this.previewIframe.src = this.locationInput.value;
this.previewIframe.src = this.previewUrl;
}
}
ApplicationPreviewContainer.propTypes = {
previewUrl: PropTypes.string
};
export default ApplicationPreviewContainer;