create + upload button for file selected. (#416)

* create + upload button for file selected.

* buttons when clicked on file

* removed comments

Co-authored-by: Faisal Nadeem <mfaisalnadeem@hotmail.com>

Author: fn-faisal

src/components/B4ACodeTree/B4ACodeTree.react.js

@@ -263,17 +263,13 @@ export default class B4ACodeTree extends React.Component {
                 base64={true}
                 multipleFiles={true}
                 handleFiles={this.handleFiles.bind(this)} >
-                {
-                  this.state.isFolderSelected === true &&
-                  <Button
+                <Button
                   value={<div style={{ fontSize: '10px' }}>Upload File</div>}
                   primary={true}
                   width='20'
                   additionalStyles={{ minWidth: '70px' }}
-                />}
+                />
               </ReactFileReader>
-              {
-                this.state.isFolderSelected === true &&
                 <Button
                   onClick={() => {
                     Swal.fire({
@@ -288,18 +284,18 @@ export default class B4ACodeTree extends React.Component {
                       allowOutsideClick: () => !Swal.isLoading()
                     }).then(({value}) => {
                       if (value) {
+                        B4ATreeActions.addFileOnSelectedNode(value);
                         const parent = $('#tree').jstree('get_selected');
                         $('#tree').jstree("create_node", parent, { data: {code: 'data:plain/text;base64,IA=='}, type: 'new-file', text: value }, 'inside', false, false);
                         this.setState({ files: $('#tree').jstree(true).get_json() });
                       }
                     })
                   }}
-                  disabled={false}
                   value={<div style={{ fontSize: '10px' }}>New File</div>}
                   primary={true}
                   width='20'
                   additionalStyles={{ minWidth: '70px' }}
-                />}
+                />
 
             </div>
             <Resizable className={styles['files-tree']}

src/components/B4ACodeTree/B4ATreeActions.js

@@ -163,6 +163,7 @@ const addFileOnSelectedNode = ( name, data = {code: 'data:plain/text;base64,IA==
   $('#tree').jstree("create_node", parent, { data, type: 'new-file', text: name }, 'inside', false, false);
 }
 
+
 // Configure the menu that is shown on right-click based on files type
 const customMenu = node => {
   let items = $.jstree.defaults.contextmenu.items();