add promise polyfill
This commit is contained in:
parent
6f3db24d9f
commit
4c5fafe251
3 changed files with 7 additions and 6 deletions
|
@ -1,6 +1,7 @@
|
||||||
import React, { PropTypes } from 'react';
|
import React, { PropTypes } from 'react';
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import DevTools from './components/DevTools';
|
import DevTools from './components/DevTools';
|
||||||
|
require('es6-promise').polyfill();
|
||||||
|
|
||||||
class App extends React.Component {
|
class App extends React.Component {
|
||||||
constructor(props, context) {
|
constructor(props, context) {
|
||||||
|
|
|
@ -1,11 +1,10 @@
|
||||||
import React, { PropTypes } from 'react';
|
import React, { PropTypes } from 'react';
|
||||||
|
const InlineSVG = require('react-inlinesvg');
|
||||||
const Isvg = require('react-inlinesvg');
|
|
||||||
const playUrl = require('../../../images/play.svg');
|
const playUrl = require('../../../images/play.svg');
|
||||||
const logoUrl = require('../../../images/p5js-logo.svg');
|
const logoUrl = require('../../../images/p5js-logo.svg');
|
||||||
const stopUrl = require('../../../images/stop.svg');
|
const stopUrl = require('../../../images/stop.svg');
|
||||||
const preferencesUrl = require('../../../images/preferences.svg');
|
const preferencesUrl = require('../../../images/preferences.svg');
|
||||||
const classNames = require('classnames');
|
import classNames from 'classnames';
|
||||||
|
|
||||||
function Toolbar(props) {
|
function Toolbar(props) {
|
||||||
let playButtonClass = classNames({
|
let playButtonClass = classNames({
|
||||||
|
@ -25,13 +24,13 @@ function Toolbar(props) {
|
||||||
<div className="toolbar">
|
<div className="toolbar">
|
||||||
<img className="toolbar__logo" src={logoUrl} alt="p5js Logo" />
|
<img className="toolbar__logo" src={logoUrl} alt="p5js Logo" />
|
||||||
<button className={playButtonClass} onClick={props.startSketch} id="play-button">
|
<button className={playButtonClass} onClick={props.startSketch} id="play-button">
|
||||||
<Isvg src={playUrl} alt="Play Sketch" />
|
<InlineSVG src={playUrl} alt="Play Sketch" />
|
||||||
</button>
|
</button>
|
||||||
<label htmlFor="play-button" className="toolbar__button-label">
|
<label htmlFor="play-button" className="toolbar__button-label">
|
||||||
play
|
play
|
||||||
</label>
|
</label>
|
||||||
<button className={stopButtonClass} onClick={props.stopSketch} id="stop-button">
|
<button className={stopButtonClass} onClick={props.stopSketch} id="stop-button">
|
||||||
<Isvg src={stopUrl} alt="Stop Sketch" />
|
<InlineSVG src={stopUrl} alt="Stop Sketch" />
|
||||||
</button>
|
</button>
|
||||||
<label htmlFor="stop-button" className="toolbar__button-label">
|
<label htmlFor="stop-button" className="toolbar__button-label">
|
||||||
stop
|
stop
|
||||||
|
@ -59,7 +58,7 @@ function Toolbar(props) {
|
||||||
onClick={props.openPreferences}
|
onClick={props.openPreferences}
|
||||||
id="preferences-button"
|
id="preferences-button"
|
||||||
>
|
>
|
||||||
<Isvg src={preferencesUrl} alt="Show Preferences" />
|
<InlineSVG src={preferencesUrl} alt="Show Preferences" />
|
||||||
</button>
|
</button>
|
||||||
<label htmlFor="preferences-button" className="toolbar__button-label">
|
<label htmlFor="preferences-button" className="toolbar__button-label">
|
||||||
preferences
|
preferences
|
||||||
|
|
|
@ -70,6 +70,7 @@
|
||||||
"csslint": "^0.10.0",
|
"csslint": "^0.10.0",
|
||||||
"dotenv": "^2.0.0",
|
"dotenv": "^2.0.0",
|
||||||
"dropzone": "^4.3.0",
|
"dropzone": "^4.3.0",
|
||||||
|
"es6-promise": "^3.2.1",
|
||||||
"escape-string-regexp": "^1.0.5",
|
"escape-string-regexp": "^1.0.5",
|
||||||
"eslint-loader": "^1.3.0",
|
"eslint-loader": "^1.3.0",
|
||||||
"express": "^4.13.4",
|
"express": "^4.13.4",
|
||||||
|
|
Loading…
Reference in a new issue