upload files and they show up, then process

1 files changed, 94 insertions, 29 deletions

diff --git a/public/bundle.js b/public/bundle.js
index 9a9e1d2..46ae5ce 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -1627,6 +1627,18 @@ var addFolder = exports.addFolder = function addFolder(folder) {
     folder: folder
   };
 };
+var addFile = exports.addFile = function addFile(file) {
+  return {
+    type: 'ADD_FILE',
+    file: file
+  };
+};
+var addFiles = exports.addFiles = function addFiles(files) {
+  return {
+    type: 'ADD_FILES',
+    files: files
+  };
+};
 var updateFile = exports.updateFile = function updateFile(file) {
   return {
     type: 'UPDATE_FILE',
@@ -5984,6 +5996,8 @@ Object.defineProperty(exports, "__esModule", {
 
 var _reactRedux = __webpack_require__(6);
 
+var _actions = __webpack_require__(7);
+
 var _BrowserView = __webpack_require__(73);
 
 var _BrowserView2 = _interopRequireDefault(_BrowserView);
@@ -5996,20 +6010,21 @@ var mapStateToProps = function mapStateToProps(state) {
 
 var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
   return {
+    addFile: function addFile(file) {
+      dispatch((0, _actions.addFile)(file));
+    },
+    addFiles: function addFiles(files) {
+      dispatch((0, _actions.addFiles)(files));
+    },
     addFolder: function addFolder(folder) {
-      // this.setState({ folders: this.state.folders.concat([folder]) })
+      dispatch((0, _actions.addFolder)(folder));
     },
     openFolder: function openFolder(folder) {
-      //     if (this.state.openFolders.indexOf(folder.id) === -1) {
-      //       const newOpenFolders = this.state.openFolders.concat(folder.id)
-      //       localStorage['openFolders'] = JSON.stringify(newOpenFolders)
-      //       this.setState({ openFolders: newOpenFolders })
-      //     }
+      dispatch((0, _actions.openFolder)(folder));
     },
     closeFolder: function closeFolder(folder) {
-      //     const openFolders = this.state.openFolders.filter( folder_id => folder_id !== folder.id )
-      //     localStorage['openFolders'] = JSON.stringify(openFolders)
-      //     this.setState({ openFolders })
+      console.log(folder);
+      dispatch((0, _actions.closeFolder)(folder));
     }
   };
 };
@@ -6051,6 +6066,7 @@ function BrowserView(props) {
     var folder = folder_list[0];
     return (0, _preact.h)(_Files2.default, {
       folder: folder,
+      addFiles: props.addFiles,
       onClose: function onClose() {
         return props.closeFolder(folder);
       }
@@ -6437,10 +6453,7 @@ var Files = function (_Component) {
     key: 'addFiles',
     value: function addFiles(newFiles) {
       if (!newFiles) return;
-      var files = this.state.files.concat(newFiles).sort(function (a, b) {
-        return b.id - a.id;
-      });
-      this.setState({ files: files });
+      this.props.addFiles(newFiles);
     }
   }, {
     key: 'handleClick',
@@ -6585,20 +6598,20 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var Folder = function (_Component) {
-  _inherits(Folder, _Component);
+var FileUploadButton = function (_Component) {
+  _inherits(FileUploadButton, _Component);
 
-  function Folder(props) {
-    _classCallCheck(this, Folder);
+  function FileUploadButton(props) {
+    _classCallCheck(this, FileUploadButton);
 
-    var _this = _possibleConstructorReturn(this, (Folder.__proto__ || Object.getPrototypeOf(Folder)).call(this));
+    var _this = _possibleConstructorReturn(this, (FileUploadButton.__proto__ || Object.getPrototypeOf(FileUploadButton)).call(this));
 
     _this.state = {};
     _this.updateFiles = _this.updateFiles.bind(_this);
     return _this;
   }
 
-  _createClass(Folder, [{
+  _createClass(FileUploadButton, [{
     key: 'updateFiles',
     value: function updateFiles(event) {
       var _this2 = this;
@@ -6612,13 +6625,6 @@ var Folder = function (_Component) {
   }, {
     key: 'render',
     value: function render() {
-      var files = (this.props.folder.files || []).map(function (file, i) {
-        return (0, _preact.h)(
-          'div',
-          { key: i },
-          file.name
-        );
-      });
       return (0, _preact.h)(
         'div',
         { 'class': 'fileUploadButton' },
@@ -6632,10 +6638,10 @@ var Folder = function (_Component) {
     }
   }]);
 
-  return Folder;
+  return FileUploadButton;
 }(_preact.Component);
 
-exports.default = Folder;
+exports.default = FileUploadButton;
 
 /***/ }),
 /* 79 */
@@ -9412,14 +9418,18 @@ var folders = function folders() {
   var action = arguments[1];
 
   var file = void 0,
+      files = void 0,
       folders = void 0,
+      folder = void 0,
+      openFolders = void 0,
       folder_id = void 0;
-
+  console.log(action);
   switch (action.type) {
     case 'LOAD_FOLDERS':
       return _extends({}, state, {
         folders: action.folders
       });
+
     case 'LOAD_FILES':
       if (!action.files.length) {
         return state;
@@ -9434,10 +9444,65 @@ var folders = function folders() {
       return _extends({}, state, {
         folders: folders
       });
+
     case 'LOAD_OPEN_FOLDERS':
       return _extends({}, state, {
         openFolders: action.folders
       });
+
+    case 'OPEN_FOLDER':
+      openFolders = state.openFolders;
+      folder = action.folder;
+      if (openFolders.indexOf(folder.id) === -1) {
+        openFolders = openFolders.concat(folder.id);
+        localStorage['openFolders'] = JSON.stringify(openFolders);
+      }
+      return _extends({}, state, {
+        openFolders: openFolders
+      });
+
+    case 'CLOSE_FOLDER':
+      folder = action.folder;
+      openFolders = state.openFolders.filter(function (folder_id) {
+        return folder_id !== folder.id;
+      });
+      localStorage['openFolders'] = JSON.stringify(openFolders);
+
+      return _extends({}, state, {
+        openFolders: openFolders
+      });
+
+    case 'ADD_FILES':
+      files = action.files;
+      folder_id = Number(files[0].folder_id);
+      folders = state.folders.map(function (folder) {
+        if (folder.id === folder_id) {
+          folder.files = (folder.files || []).concat(files);
+          return Object.assign({}, folder);
+        } else {
+          return folder;
+        }
+      });
+
+      return _extends({}, state, {
+        folders: folders
+      });
+
+    case 'ADD_FILE':
+      file = action.file;
+      folders = state.folders.map(function (folder) {
+        if (folder.id === file.folder_id) {
+          folder.files = folder.files || [];
+          folder.files.push(file);
+          return Object.assign({}, folder);
+        } else {
+          return folder;
+        }
+      });
+
+      return _extends({}, state, {
+        folders: folders
+      });
     case 'UPDATE_FILE':
       file = action.file;
       folders = state.folders.map(function (folder) {