fetch task worksssssss

1 files changed, 7 insertions, 3 deletions

diff --git a/app/client/common/fileList.component.js b/app/client/common/fileList.component.js
index 80de6b2..7508885 100644
--- a/app/client/common/fileList.component.js
+++ b/app/client/common/fileList.component.js
@@ -11,7 +11,7 @@ export const FileList = props => {
   const {
     files,
     fields, sort, title,
-    linkFiles, onClick,
+    linkFiles, onClick, onDelete,
     orderBy='name asc',
     className='',
     fileListClassName='filelist',
@@ -27,7 +27,8 @@ export const FileList = props => {
         file={pair[1]}
         fields={fieldSet(fields)}
         className={rowClassName}
-        linkFiles
+        linkFiles={linkFiles}
+        onDelete={onDelete}
         onClick={onClick}
       />
     })
@@ -66,7 +67,7 @@ export const fieldSet = fields => {
 }
 
 export const FileRow = props => {
-  const { file, linkFiles, onClick, className='row file', username='' } = props
+  const { file, linkFiles, onDelete, onClick, className='row file', username='' } = props
   const fields = fieldSet(props.fields)
 
   const size = util.hush_size(file.size)
@@ -109,6 +110,9 @@ export const FileRow = props => {
           {fields.has('module') && file.module}
         </div>
       }
+      {fields.has('delete') && onDelete && file.id &&
+        <div className='delete' onClick={(e) => onDelete(file)}>x</div>
+      }
       {props.options && props.options(file)}
     </div>
   )