From 245ca63a5de14b5484429c810c2e01522b0067dd Mon Sep 17 00:00:00 2001
From: catarak <ctarakajian@gmail.com>
Date: Mon, 29 Aug 2016 23:43:02 -0400
Subject: [PATCH] add special file options to folders

---
 client/modules/IDE/components/FileNode.js | 26 ++++++++++++++++++++++-
 client/modules/IDE/components/Sidebar.js  |  4 ++--
 client/styles/components/_sidebar.scss    |  1 +
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/client/modules/IDE/components/FileNode.js b/client/modules/IDE/components/FileNode.js
index 46f3f488..0ddf21f9 100644
--- a/client/modules/IDE/components/FileNode.js
+++ b/client/modules/IDE/components/FileNode.js
@@ -102,6 +102,28 @@ export class FileNode extends React.Component {
                 </button>
                 <div ref="fileOptions" className="sidebar__file-item-options">
                   <ul title="file options">
+                    {(() => { // eslint-disable-line
+                      if (this.props.fileType === 'folder') {
+                        return (
+                          <li>
+                            <a aria-label="add file" onClick={this.props.newFile} >
+                              Add File
+                            </a>
+                          </li>
+                        );
+                      }
+                    })()}
+                    {(() => { // eslint-disable-line
+                      if (this.props.fileType === 'folder') {
+                        return (
+                          <li>
+                            <a aria-label="add folder" onClick={this.props.newFolder} >
+                              Add Folder
+                            </a>
+                          </li>
+                        );
+                      }
+                    })()}
                     <li>
                       <a
                         onClick={() => {
@@ -162,7 +184,9 @@ FileNode.propTypes = {
   showEditFileName: PropTypes.func.isRequired,
   hideEditFileName: PropTypes.func.isRequired,
   updateFileName: PropTypes.func.isRequired,
-  resetSelectedFile: PropTypes.func.isRequired
+  resetSelectedFile: PropTypes.func.isRequired,
+  newFile: PropTypes.func.isRequired,
+  newFolder: PropTypes.func.isRequired
 };
 
 function mapStateToProps(state, ownProps) {
diff --git a/client/modules/IDE/components/Sidebar.js b/client/modules/IDE/components/Sidebar.js
index fdd1fbb9..2ee6cdc4 100644
--- a/client/modules/IDE/components/Sidebar.js
+++ b/client/modules/IDE/components/Sidebar.js
@@ -45,12 +45,12 @@ class Sidebar extends React.Component {
             </button>
             <ul className="sidebar__project-options">
               <li>
-                <a onClick={this.props.newFolder} >
+                <a aria-label="add folder" onClick={this.props.newFolder} >
                   Add Folder
                 </a>
               </li>
               <li>
-                <a onClick={this.props.newFile} >
+                <a aria-label="add file" onClick={this.props.newFile} >
                   Add File
                 </a>
               </li>
diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index 5c2b47ed..103bb3c7 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -78,6 +78,7 @@
   position: absolute;
   top: 95%;
   left: 77%;
+  right: -65%;
   display: none;
   z-index: 100;
   padding: #{8 / $base-font-size}rem #{16 / $base-font-size}rem;