upload files and they show up, then process

3 files changed, 4 insertions, 12 deletions

diff --git a/client/components/Browser/BrowserView.jsx b/client/components/Browser/BrowserView.jsx
index 34261a2..604d952 100644
--- a/client/components/Browser/BrowserView.jsx
+++ b/client/components/Browser/BrowserView.jsx
@@ -11,6 +11,7 @@ export default function BrowserView (props) {
     return (
       <Files
         folder={folder}
+        addFiles={props.addFiles}
         onClose={() => props.closeFolder(folder)}
       />
     )
diff --git a/client/components/Browser/Files/FileUploadButton.jsx b/client/components/Browser/Files/FileUploadButton.jsx
index 136cd45..2d25d3e 100644
--- a/client/components/Browser/Files/FileUploadButton.jsx
+++ b/client/components/Browser/Files/FileUploadButton.jsx
@@ -2,11 +2,10 @@ import { h, Component } from 'preact'
 
 import client from '../../../client.js'
 
-export default class Folder extends Component {
+export default class FileUploadButton extends Component {
   constructor(props) {
     super()
-    this.state = {
-    }
+    this.state = {}
     this.updateFiles = this.updateFiles.bind(this)
   }
   updateFiles(event){
@@ -18,13 +17,6 @@ export default class Folder extends Component {
   }
 
   render() {
-    const files = (this.props.folder.files || []).map( (file, i) => {
-      return (
-        <div key={i}>
-          {file.name}
-        </div>
-      )
-    })
     return (
       <div class='fileUploadButton'>
         <input type='file' multiple name='files' onChange={this.updateFiles} />
diff --git a/client/components/Browser/Files/Files.jsx b/client/components/Browser/Files/Files.jsx
index 74c266f..c4df74d 100644
--- a/client/components/Browser/Files/Files.jsx
+++ b/client/components/Browser/Files/Files.jsx
@@ -19,8 +19,7 @@ export default class Files extends Component {
   }
   addFiles(newFiles) {
     if (! newFiles) return
-    const files = this.state.files.concat(newFiles).sort( (a,b) => { return b.id - a.id } )
-    this.setState({ files })
+    this.props.addFiles( newFiles )
   }
   handleClick(file) {
     this.setState({ selected: file })