add toaster for events

app/components/draw/DrawField.js

@@ -322,7 +322,6 @@ class SketchFieldDemo extends React.Component {
                     id='lineColor' color={this.state.lineColor}
                     onChange={(color) => this.setState({lineColor: color.hex})}/>
                 </CardContent>
-                <Button onClick={this.props.request}>Get Content</Button>
               </Card>
             </div>
           </div>

app/components/toaster.js

@@ -31,7 +31,7 @@ class SimpleSnackbar extends React.Component {
           }}
           message={<span id="message-id">Transaction Validated</span>}
           action={[
-            <Button key="undo" color="secondary" size="small" onClick={handleClose}>
+            <Button key="undo" color="secondary" size="small" onClick={(e) => handleClose(e, 'UNDO')}>
               UNDO
             </Button>,
             <IconButton

app/dapp.js

@@ -80,9 +80,15 @@ class App extends React.Component {
   }
 
   closeValidationToast = (event, reason) => {
+    console.log({event, reason})
     if (reason === 'clickaway') {
       return;
     }
+    if (reason === 'UNDO') {
+      const { canvasState } = this.state;
+      console.log(canvasState, JSON.parse(canvasState))
+
+    }
     this.setState({ validationToast: false });
   }
 
@@ -93,7 +99,7 @@ class App extends React.Component {
     const { web3Provider, loading, canvasState, validationToast } = this.state;
     return (
       <Web3Render ready={web3Provider}>
-        <DrawField setTileMapState={setTileMapState} canvasState={canvasState} request={this.requestUpdateTilesOnCanvas.bind(this)}/>
+        <DrawField setTileMapState={setTileMapState} canvasState={canvasState} />
         <Toaster open={validationToast} handleClose={closeValidationToast}/>
       </Web3Render>
     );