Edit playlist as route

src/js/views/modals/Modal.js

@@ -0,0 +1,66 @@
+
+import React, { PropTypes } from 'react';
+import { connect } from 'react-redux';
+import { bindActionCreators } from 'redux';
+
+import * as helpers from '../../helpers'
+import Icon from '../../components/Icon'
+
+class Modal extends React.Component{
+
+	constructor(props){
+		super(props);
+		this.handleKeyUp = this.handleKeyUp.bind(this);
+	}
+
+	componentWillMount(){
+		$('body').addClass('no-scrollbars');
+		window.addEventListener("keyup", this.handleKeyUp, false);
+	}
+
+	componentWillUnmount(){
+		$('body').removeClass('no-scrollbars');
+		window.removeEventListener("keyup", this.handleKeyUp, false);
+	}
+
+	handleKeyUp(e){
+		if (this.props.shortkeys_enabled && e.keyCode == 27){ // esc
+			window.history.back();
+		}
+	}
+
+	render(){
+
+		var className = "modal";
+		if (this.props.className){
+			className += " "+this.props.className;
+		}
+
+		return (
+			<div className={className}>
+
+				<div className="controls">
+					<div className="control close" onClick={e => window.history.back()}>
+						<Icon name="close" className="white" />
+					</div>
+				</div>
+
+				<div className="content">
+					{this.props.children}
+				</div>
+			</div>
+		);
+	}
+}
+
+const mapStateToProps = (state, ownProps) => {
+	return {
+		shortkeys_enabled: state.ui.shortkeys_enabled
+	}
+}
+
+const mapDispatchToProps = (dispatch) => {
+	return {}
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Modal)