From 9a8416c6f9f6955054b519ddc297ef947bd6287f Mon Sep 17 00:00:00 2001
From: Andrea R <amrdev08@gmail.com>
Date: Thu, 8 Mar 2018 22:44:53 -0500
Subject: [PATCH 1/3] added clear button

---
 src/components/FuncCard.css | 26 ++++++++++++++++++++++++++
 src/components/FuncCard.js  | 13 ++++++++++---
 2 files changed, 36 insertions(+), 3 deletions(-)

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..09e3527 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.handleClearCode = this.handleClearCode.bind(this);
   }
 
   componentDidMount() {
@@ -54,6 +55,10 @@ class FuncCard extends Component {
     this.setState(prevState => ({showCode: !prevState.showCode}));
   }
 
+  handleClearCode() {
+    this.setState({params: [], result: "", error: ""})
+  }
+
   render() {
     const {
       funcName,
@@ -91,9 +96,10 @@ class FuncCard extends Component {
             onParamsChange={this.handleParamsChange}
             onSubmit={this.handleParamSubmit}
         />
-
-        <Highlight lang="js" value={callCode} />
-
+        <div className="results-div">
+          <Button floating className='grey darken-3 small-btn' waves='light' icon='clear' onClick={this.handleClearCode}>Clear</Button>
+          <Highlight lang="js" value={callCode} />
+        </div>
         <Button onClick={this.handleRunCode}>Run</Button>
         <Modal
           className="modal-width"
@@ -101,6 +107,7 @@ class FuncCard extends Component {
           open={showCode}
           trigger={<Button onClick={this.handleToggleCode} className="button">Show Code</Button>}
         >
+       
           <Highlight lang="js" value={code} />
         </Modal>
         <AuthorList authors={authors}/>

From b0891de43a07f8ff91679f11d8d2c7e193f5912f Mon Sep 17 00:00:00 2001
From: Andrea R <amrdev08@gmail.com>
Date: Fri, 9 Mar 2018 13:29:11 -0500
Subject: [PATCH 2/3] disabled button

---
 src/components/FuncCard.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/FuncCard.js b/src/components/FuncCard.js
index 09e3527..ec38718 100644
--- a/src/components/FuncCard.js
+++ b/src/components/FuncCard.js
@@ -21,7 +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.handleClearCode = this.handleClearCode.bind(this);
+    this.handleClearParams = this.handleClearParams.bind(this);
   }
 
   componentDidMount() {
@@ -55,7 +55,7 @@ class FuncCard extends Component {
     this.setState(prevState => ({showCode: !prevState.showCode}));
   }
 
-  handleClearCode() {
+  handleClearParams() {
     this.setState({params: [], result: "", error: ""})
   }
 
@@ -97,7 +97,14 @@ class FuncCard extends Component {
             onSubmit={this.handleParamSubmit}
         />
         <div className="results-div">
-          <Button floating className='grey darken-3 small-btn' waves='light' icon='clear' onClick={this.handleClearCode}>Clear</Button>
+          <Button 
+            floating 
+            disabled={params.length === 0 && !result} 
+            className='grey darken-3 small-btn' 
+            waves='light' 
+            icon='clear' 
+            onClick={this.handleClearParams} 
+          />
           <Highlight lang="js" value={callCode} />
         </div>
         <Button onClick={this.handleRunCode}>Run</Button>
@@ -107,7 +114,6 @@ class FuncCard extends Component {
           open={showCode}
           trigger={<Button onClick={this.handleToggleCode} className="button">Show Code</Button>}
         >
-       
           <Highlight lang="js" value={code} />
         </Modal>
         <AuthorList authors={authors}/>

From 8f49b0ee4da8461ca0e285c54e519965cd8e4be2 Mon Sep 17 00:00:00 2001
From: Andrea R <amrdev08@gmail.com>
Date: Fri, 9 Mar 2018 18:21:20 -0500
Subject: [PATCH 3/3] added children

---
 src/containers/CardList.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/containers/CardList.js b/src/containers/CardList.js
index 52fc10e..f242f52 100644
--- a/src/containers/CardList.js
+++ b/src/containers/CardList.js
@@ -56,9 +56,8 @@ class CardList extends Component {
           data={data}
           handleDropdownChange={(e, value) => this.handleDropdownChange(value)}
         />
-        <Carousel>
-          {funcCards}
-        </Carousel>
+        <Carousel children={funcCards} />
+       
       </div>
     );
   }