From 4f3ce0f620571833b52c4f5a5f2a6af60bdf82fb Mon Sep 17 00:00:00 2001
From: rsdexter <rsdexter00@gmail.com>
Date: Fri, 24 Apr 2020 15:17:26 -0400
Subject: [PATCH] edited Toolbox constructor to properly get the functions from
 the 'functions' map in props

---
 src/canvas/Canvas.js  |  6 +++---
 src/canvas/Toolbox.js | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/canvas/Canvas.js b/src/canvas/Canvas.js
index e3cd131..82851d5 100644
--- a/src/canvas/Canvas.js
+++ b/src/canvas/Canvas.js
@@ -73,13 +73,13 @@ class Canvas extends React.Component {
       moveListeners: [],
       functions: {
         insert: () => {
-
+          console.log("INSERTION")
         },
         erase: () => {
-
+          console.log("ERASURE")
         },
         iterate: () => {
-
+          console.log("ITERATION")
         },
         dc: () => {
           console.log("DOUBLE CUT")
diff --git a/src/canvas/Toolbox.js b/src/canvas/Toolbox.js
index ef65532..33d8df7 100644
--- a/src/canvas/Toolbox.js
+++ b/src/canvas/Toolbox.js
@@ -7,19 +7,19 @@ class Toolbox extends React.Component {
       functions: [
         {
           str: "Iterate/Deiterate",
-          func: this.props.functions.iterate()
+          func: this.props.functions.iterate
         },
         {
           str: "Double Cut",
-          func: this.props.functions.dc()
+          func: this.props.functions.dc
         },
         {
           str: "Insertion",
-          func: this.props.functions.insert()
+          func: this.props.functions.insert
         },
         {
           str: "Erasure",
-          func: this.props.functions.erase()
+          func: this.props.functions.erase
         }
       ]
     };
@@ -33,7 +33,7 @@ class Toolbox extends React.Component {
       <div className="toolbox" ref={this.canvas}>
         <h3>Tools</h3>
         {this.state.functions.map(el => (
-          <div className="tool" onClick={console.log(el.str)}>{el.str}</div>
+          <div className="tool" onClick={el.func}>{el.str}</div>
         ))}
       </div>
     );
-- 
2.51.2