status-im
/
embark-area-51
mirror of https://github.com/status-im/embark-area-51.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Address feedback

This commit is contained in:
Andre Medeiros 2018-10-03 16:33:10 -04:00 committed by Pascal Precht
parent 58ce56684d
commit a288afbf68
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,27 +1,35 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React from 'react'; import React from 'react';
import {Form, Button} from 'tabler-react';
class ApplicationPreviewContainer extends React.Component { class ApplicationPreviewContainer extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
// TODO(andremedeiros): Figure out how to pull this from the actual host.
previewUrl: this.props.previewHomepage previewUrl: this.props.previewHomepage
}; };
} }
render() { render() {
return ( return (
<div> <Form.Group>
<div className="input-group mb-3"> <Form.InputGroup>
<input type="text" className="form-control" placeholder="URL" value={this.state.previewUrl} onChange={(e) => this.handlePreviewUrlChange(e)} /> <Form.Input placeholder="URL"
<div className="input-group-append"> value={this.state.previewUrl}
<button className="btn btn-outline-secondary" type="button" onClick={(e) => this.handlePreviewGo(e)}>Go</button> className="form-control"
</div> onChange={(e) => this.handlePreviewUrlChange(e)} />
</div> <Form.InputGroupAppend>
<iframe width="100%" height="500" title="Preview" ref={(iframe) => this.previewIframe = iframe} onLoad={(e) => this.handlePreviewChange(e)} src={this.props.previewHomepage}></iframe> <Button color="primary" onClick={(e) => this.handlePreviewGo(e)}>Go</Button>
</div> </Form.InputGroupAppend>
</Form.InputGroup>
<iframe width="100%"
height="500"
title="Preview"
ref={(iframe) => this.previewIframe = iframe}
onLoad={(e) => this.handlePreviewChange(e)} src={this.props.previewHomepage}>
</iframe>
</Form.Group>
); );
} }
@ -48,7 +56,7 @@ ApplicationPreviewContainer.propTypes = {
}; };
ApplicationPreviewContainer.defaultProps = { ApplicationPreviewContainer.defaultProps = {
previewHomepage: 'http://localhost:8000' previewHomepage: window.location.protocol + '//' + window.location.host
}; };
export default ApplicationPreviewContainer; export default ApplicationPreviewContainer;