import Api from './api.js';
import React from 'react';
-import classnames from 'classnames';
-
-class Panel extends React.Component {
- render = () => {
- if (this.props.component === null) {
- return <div></div>;
- }
-
- var className = classnames('row', this.props.topClassName);
-
- return (
- <div className={className}>
- <div className="box col-12">
- <div className="row">
- <div className="col-4">{this.props.title}</div>
- </div>
- <hr/>
- {this.props.component}
- </div>
- </div>);
- }
-}
+import Panel from './panel.js';
class AccountInformation extends React.Component {
constructor(props) {
<div className="row">
<div className="col-12">
<form role="form" onSubmit={this.handleSubmit}>
- <label className="w-100">Key:
- <input className="form-control" type="text" placeholder="key" value={keyDisplayed} onChange={this.handleApiKeyChange} disabled={!this.props.editMode}/>
- </label>
- <label className="w-100">Secret:
- <input className="form-control" type="text" placeholder="secret" value={secretDisplayed} onChange={this.handleApiSecretChange} disabled={!this.props.editMode}/>
- </label>
+ <label className="w-100">Key:</label>
+ <input className="form-control" type="text" value={keyDisplayed} onChange={this.handleApiKeyChange} disabled={!this.props.editMode}/>
+ <label className="w-100">Secret:</label>
+ <input className="form-control" type="text" value={secretDisplayed} onChange={this.handleApiSecretChange} disabled={!this.props.editMode}/>
<input className="form-control submit" type={submitType} value="Save" />
<button className="form-control submit" style={{display: buttonDisplay}} onSubmit={null} onClick={this.props.onEditClick} type="button">Show/Edit</button>
</form>