diff --git a/src/components/FuncCard.css b/src/components/FuncCard.css index 2f3fede..0faf46d 100644 --- a/src/components/FuncCard.css +++ b/src/components/FuncCard.css @@ -23,4 +23,30 @@ .modal-width { width: 70%; +} + +.small-btn { + height: 25px; + width: 25px; + position: absolute; + top: 183px; + left: 11px; + opacity: .3; +} + +.small-btn i { + position: relative; + bottom: 7px; + font-size: 18px; +} + +pre { + width: 100%; + margin-left: 2px; +} + +.results-div { + display: flex; + width: 340px; + margin-left: -20px; } \ No newline at end of file diff --git a/src/components/FuncCard.js b/src/components/FuncCard.js index 2dceab4..ec38718 100644 --- a/src/components/FuncCard.js +++ b/src/components/FuncCard.js @@ -21,6 +21,7 @@ class FuncCard extends Component { this.handleToggleCode = this.handleToggleCode.bind(this); this.handleParamsChange = this.handleParamsChange.bind(this); this.handleRunCode = this.handleRunCode.bind(this); + this.handleClearParams = this.handleClearParams.bind(this); } componentDidMount() { @@ -54,6 +55,10 @@ class FuncCard extends Component { this.setState(prevState => ({showCode: !prevState.showCode})); } + handleClearParams() { + this.setState({params: [], result: "", error: ""}) + } + render() { const { funcName, @@ -91,9 +96,17 @@ class FuncCard extends Component { onParamsChange={this.handleParamsChange} onSubmit={this.handleParamSubmit} /> - - - +
+
this.handleDropdownChange(value)} /> - - {funcCards} - + + ); }