buy now button

components/buybutton.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+/**
+ *
+ *
+ * @export
+ * @class buybutton
+ * @augments {React.PureComponent<buybuttonProps>}
+ */
+export default class buybutton extends React.PureComponent {
+  /**
+   * @typedef {object} buybuttonProps
+   * @property {array} links
+   *
+   * @static
+   * @memberof buybutton
+   */
+  static propTypes = {
+    links: PropTypes.arrayOf(
+      PropTypes.shape({
+        url: PropTypes.string,
+        title: PropTypes.string,
+      })
+    ).isRequired,
+  };
+
+  render() {
+    return (
+      <React.Fragment>
+         <button>Buy Now</button>
+      </React.Fragment>
+    );
+  }
+}

pages/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import Item from '../components/Item';
 import NavBar from '../components/NavBar';
 import links from '../constants/links';
+import buybutton from '../components/buybutton';
 
 /**
  * Home page
@@ -50,7 +51,10 @@ export default class IndexPage extends React.PureComponent {
               <Item id={id} name={name} />
             ))}
           </ul>
-        </main>
+          <h2>Buy Now Button</h2>
+          <buybutton/>
+      </main>
+
       </React.Fragment>
     );
   }