Working callback display

This commit is contained in:
Kyle Shockey
2017-05-31 18:13:22 -07:00
parent e55a604484
commit dd256a4ef7

View File

@@ -13,7 +13,6 @@ export default class Parameters extends Component {
callbackVisible: false, callbackVisible: false,
parametersVisible: true parametersVisible: true
} }
//this.toggleTab = this.toggleTab.bind(this)
} }
static propTypes = { static propTypes = {
@@ -57,13 +56,20 @@ export default class Parameters extends Component {
changeConsumesValue(onChangeKey, val) changeConsumesValue(onChangeKey, val)
} }
// toggleTab = (tab) => { toggleTab = (tab) => {
// if(tab === "parameters"){ console.log("togggling to tab", tab)
// this.setState({parametersVisible: true}) if(tab === "parameters"){
// }else if(tab === "callbacks"){ return this.setState({
// this.setState({callbackVisible: true}) parametersVisible: true,
// } callbackVisible: false
// } })
}else if(tab === "callbacks"){
return this.setState({
callbackVisible: true,
parametersVisible: false
})
}
}
render(){ render(){
@@ -89,10 +95,10 @@ export default class Parameters extends Component {
<div className="opblock-section"> <div className="opblock-section">
<div className="opblock-section-header"> <div className="opblock-section-header">
<div className="tab-header"> <div className="tab-header">
<div onClick={this.toggleTab("parameters")} className={this.state.parametersVisible ? "tab-item active" : "tab-item"}> <div onClick={() => this.toggleTab("parameters")} className={this.state.parametersVisible ? "tab-item active" : "tab-item"}>
<h4 className="opblock-title"><span>Parameters</span></h4> <h4 className="opblock-title"><span>Parameters</span></h4>
</div> </div>
<div onClick={this.toggleTab("callbacks")} className="tab-item"> <div onClick={() => this.toggleTab("callbacks")} className="tab-item">
<h4 className="opblock-title"><span>Callbacks</span></h4> <h4 className="opblock-title"><span>Callbacks</span></h4>
</div> </div>
</div> </div>
@@ -130,7 +136,9 @@ export default class Parameters extends Component {
} }
</div> : "" } </div> : "" }
{this.state.callbackVisible ? <div className="callbacks-container"></div> : "" } {this.state.callbackVisible ? <div className="callbacks-container">
covfefe
</div> : "" }
</div> </div>
) )
} }