diff --git a/images/stop.svg b/images/stop.svg new file mode 100644 index 00000000..4ca0b398 --- /dev/null +++ b/images/stop.svg @@ -0,0 +1,20 @@ + + \ No newline at end of file diff --git a/package.json b/package.json index 88b17c86..dc2122fb 100644 --- a/package.json +++ b/package.json @@ -38,6 +38,7 @@ "express": "^4.13.4", "react": "^15.0.2", "react-dom": "^15.0.2", + "react-inlinesvg": "^0.4.2", "react-redux": "^4.4.5", "redux": "^3.5.2" } diff --git a/shared/components/Toolbar/Toolbar.jsx b/shared/components/Toolbar/Toolbar.jsx index c59d63c2..b6b5ff38 100644 --- a/shared/components/Toolbar/Toolbar.jsx +++ b/shared/components/Toolbar/Toolbar.jsx @@ -1,7 +1,9 @@ import React from 'react'; +var Isvg = require('react-inlinesvg'); var playUrl = require('../../../images/play.svg'); var logoUrl = require('../../../images/p5js-logo.svg'); +var stopUrl = require('../../../images/stop.svg'); class Toolbar extends React.Component { render() { @@ -9,8 +11,13 @@ class Toolbar extends React.Component {