From 9105249c23b882eeef01043c0178df759e5f7cdc Mon Sep 17 00:00:00 2001
From: Laksh Singla <30999375+LakshSingla@users.noreply.github.com>
Date: Fri, 16 Nov 2018 01:07:44 +0530
Subject: [PATCH] Add New File and New Folder buttons in Navbar (feature: #758)
 (#763)

* 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)
---
 client/components/Nav.jsx | 44 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/client/components/Nav.jsx b/client/components/Nav.jsx
index 154d9695..59041120 100644
--- a/client/components/Nav.jsx
+++ b/client/components/Nav.jsx
@@ -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));