From 9c00cd7ce3eab43db1e5e0e40792f4c9a5d70ab3 Mon Sep 17 00:00:00 2001
From: megha070 <varshney.megha070@gmail.com>
Date: Wed, 4 Jul 2018 14:12:29 +0530
Subject: [PATCH 1/5] addtocartbutton

---
 addtocart/cartbutton.js | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 addtocart/cartbutton.js

diff --git a/addtocart/cartbutton.js b/addtocart/cartbutton.js
new file mode 100644
index 0000000..e69de29

From 0ea0ef199391769bfc31e6792944b0bf835a2847 Mon Sep 17 00:00:00 2001
From: megha070 <varshney.megha070@gmail.com>
Date: Wed, 4 Jul 2018 14:28:05 +0530
Subject: [PATCH 2/5] addtocart

---
 addtocart/cartbutton.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/addtocart/cartbutton.js b/addtocart/cartbutton.js
index e69de29..a1ff66f 100644
--- a/addtocart/cartbutton.js
+++ b/addtocart/cartbutton.js
@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+import logo from './logo.svg';
+import './App.css';
+
+class App extends Component {
+    render() {
+        return (
+            <div className="App">
+                +          <button onClick>Add to Cart</button>
+            </div>
+        );
+    }
+}
+
+export default App;

From c2e8aa92fa1ba7dddff1ef9450fa24fe4c5e5f01 Mon Sep 17 00:00:00 2001
From: megha070 <40516822+megha070@users.noreply.github.com>
Date: Wed, 4 Jul 2018 14:33:41 +0530
Subject: [PATCH 3/5] Update cartbutton.js

---
 addtocart/cartbutton.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/addtocart/cartbutton.js b/addtocart/cartbutton.js
index a1ff66f..7ab6d1f 100644
--- a/addtocart/cartbutton.js
+++ b/addtocart/cartbutton.js
@@ -3,13 +3,13 @@ import logo from './logo.svg';
 import './App.css';
 
 class App extends Component {
-    render() {
-        return (
-            <div className="App">
-                +          <button onClick>Add to Cart</button>
-            </div>
-        );
-    }
+  render() {
+    return (
+      <div className="App">
+        <button onClick>Add to Cart</button>
+      </div>
+    );
+  }
 }
 
 export default App;

From 8b350ab169fccf2869c93860c4bcd62848ee7816 Mon Sep 17 00:00:00 2001
From: megha070 <40516822+megha070@users.noreply.github.com>
Date: Mon, 9 Jul 2018 12:43:39 +0530
Subject: [PATCH 4/5] Update cartbutton.js

---
 addtocart/cartbutton.js | 39 +++++++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/addtocart/cartbutton.js b/addtocart/cartbutton.js
index 7ab6d1f..680f1f1 100644
--- a/addtocart/cartbutton.js
+++ b/addtocart/cartbutton.js
@@ -1,15 +1,30 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-class App extends Component {
+import React from 'react';
+export default class Addtocart extends React.PureComponent {
+ 
   render() {
     return (
-      <div className="App">
-        <button onClick>Add to Cart</button>
-      </div>
-    );
-  }
+      <React.Fragment>
+        <style jsx>{`
+          button {
+            *
+            *
+            *
+            background-color: #e33812;            font-size: 16px;
+            border-radius: 12px;
+    
+            color: white;
+            padding: 15px 32px;
+            text-align: center;
+            display: inline-block;
+            font-size: 16px;
+            border-radius: 12px;
+    
+                `}</style>
+        
+        <button onClick={this.props.onClick}>
+          {this.props.children}
+        </button>
+      </React.Fragment>
+ );
+}
 }
-
-export default App;

From e77b6ca740db086065ab2dfa2acb28de1adc65c5 Mon Sep 17 00:00:00 2001
From: megha070 <40516822+megha070@users.noreply.github.com>
Date: Tue, 10 Jul 2018 00:23:28 +0530
Subject: [PATCH 5/5] Update and rename cartbutton.js to AddToCart.js

---
 addtocart/{cartbutton.js => AddToCart.js} | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)
 rename addtocart/{cartbutton.js => AddToCart.js} (75%)

diff --git a/addtocart/cartbutton.js b/addtocart/AddToCart.js
similarity index 75%
rename from addtocart/cartbutton.js
rename to addtocart/AddToCart.js
index 680f1f1..6645bb6 100644
--- a/addtocart/cartbutton.js
+++ b/addtocart/AddToCart.js
@@ -1,15 +1,13 @@
 import React from 'react';
-export default class Addtocart extends React.PureComponent {
+export default class AddToCart extends React.PureComponent {
  
   render() {
     return (
       <React.Fragment>
         <style jsx>{`
           button {
-            *
-            *
-            *
-            background-color: #e33812;            font-size: 16px;
+            background-color: #e33812;   
+            font-size: 16px;
             border-radius: 12px;
     
             color: white;