From c1517d5d4886196eeb8360140a31021847f445d0 Mon Sep 17 00:00:00 2001
From: rsdexter <rsdexter00@gmail.com>
Date: Thu, 16 Apr 2020 11:20:25 -0400
Subject: [PATCH] all buttons now go to next step

---
 src/canvas/StepMenu.js | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/canvas/StepMenu.js b/src/canvas/StepMenu.js
index 7c6c083..9f639d0 100644
--- a/src/canvas/StepMenu.js
+++ b/src/canvas/StepMenu.js
@@ -24,17 +24,31 @@ class StepMenu extends React.Component {
   componentDidMount() {  
   }
 
+  handleClick(event, clickType){
+    event.preventDefault();
+    this.props.setStep(this.props.currentStep+1);
+    console.log("TeStInG" + clickType);
+  }
+
   render() {
     return (
       <React.Fragment>
         <div className="step-menu">
         <div style={{color:this.state.backColor}}>
-          <ReactSVG src="/assets/step-first.svg"/>
-          <ReactSVG src="/assets/step-prev.svg" />
+          <div onClick={(event) => this.handleClick(event, "first")}>
+            <ReactSVG src="/assets/step-first.svg"/>
+          </div>
+          <div onClick={(event) => this.handleClick(event, "prev")}>
+            <ReactSVG src="/assets/step-prev.svg" />
+          </div>
         </div>
         <div style={{color:this.state.nextColor}}>
-          <ReactSVG src="/assets/step-next.svg" />
-          <ReactSVG src="/assets/step-last.svg" />
+          <div onClick={(event) => this.handleClick(event, "next")}>
+            <ReactSVG src="/assets/step-next.svg" />
+            </div>
+          <div onClick={(event) => this.handleClick(event, "last")}>
+            <ReactSVG src="/assets/step-last.svg" />
+          </div>
         </div>
         </div>
         <div className="step-text">
-- 
2.51.2