r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

Add New File and New Folder buttons in Navbar (feature: #758) (#763)

Browse source 
* Add New File and New Folder buttons in Navbar (feature: #758)

* Moved the Add File and Add Folder butons from File to Sketch (feature: #758)
This commit is contained in:
Laksh Singla 2018-11-16 01:07:44 +05:30 committed by Cassie Tarakajian
parent 661a367b72
commit 9105249c23
1 changed files with 42 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
client/components/Nav.jsx
View file

@ -1,8 +1,12 @@
import PropTypes from 'prop-types';
import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { withRouter } from 'react-router';
import { Link } from 'react-router';
import InlineSVG from 'react-inlinesvg';
import classNames from 'classnames';
import * as IDEActions from '../modules/IDE/actions/ide';
import {
metaKeyName,
@ -315,6 +319,30 @@ class Nav extends React.PureComponent {
<span>Sketch</span>
<InlineSVG src={triangleUrl} />
</button>
<li className="nav__dropdown-item">
<button
onClick={() => {
this.props.newFile();
this.setDropdown('none');
}}
onFocus={this.handleFocus.bind(this, 'sketch')}
onBlur={this.handleBlur}
>
Add File
</button>
</li>
<li className="nav__dropdown-item">
<button
onClick={() => {
this.props.newFolder();
this.setDropdown('none');
}}
onFocus={this.handleFocus.bind(this, 'sketch')}
onBlur={this.handleBlur}
>
Add Folder
</button>
</li>
<li className="nav__dropdown-item">
<button
onClick={() => {
@ -558,7 +586,9 @@ Nav.propTypes = {
}),
startSketch: PropTypes.func.isRequired,
stopSketch: PropTypes.func.isRequired,
setAllAccessibleOutput: PropTypes.func.isRequired
setAllAccessibleOutput: PropTypes.func.isRequired,
newFile: PropTypes.func.isRequired,
newFolder: PropTypes.func.isRequired
};
Nav.defaultProps = {
@ -569,4 +599,14 @@ Nav.defaultProps = {
cmController: {}
};
export default Nav;
function mapDispatchToProps(dispatch) {
return bindActionCreators(
Object.assign(
{},
IDEActions
),
dispatch
);
}
export default withRouter(connect(() => ({}), mapDispatchToProps)(Nav));