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 {
+ {(() => { // eslint-disable-line
+ if (this.props.fileType === 'folder') {
+ return (
+ -
+
+ Add File
+
+
+ );
+ }
+ })()}
+ {(() => { // eslint-disable-line
+ if (this.props.fileType === 'folder') {
+ return (
+ -
+
+ Add Folder
+
+
+ );
+ }
+ })()}
-
{
@@ -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 {
-
-
+
Add Folder
-
-
+
Add File
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;