async commands!!

1 files changed, 11 insertions, 2 deletions

diff --git a/app/client/common/fileList.component.js b/app/client/common/fileList.component.js
index 7d90045..09e4268 100644
--- a/app/client/common/fileList.component.js
+++ b/app/client/common/fileList.component.js
@@ -12,9 +12,12 @@ class FileList extends Component {
   }
   render(){
     const { files, linkFiles, onClick } = this.props
+    if (!files.length) return null
     let fields = this.props.fields || defaultFields
 	  const fileList = files.map(file => {
       const size = util.hush_size(file.size)
+      const date = file.created_at
+      const username = file.username || ""
 	   	return (
 		   	<div class='row file' key={file.name}>
           <div className="filename" title={file.name || file.url}>
@@ -23,11 +26,17 @@ class FileList extends Component {
               : <span class='link' onClick={() => onClick(file)}>{file.name || file.url}</span>
             }
           </div>
+          {fields.has('age') &&
+            <div className={"age " + util.carbon_date(date)}>{util.get_age(date)}</div>
+          }
+          {fields.has('username') &&
+            <div className={"username"}>{username}</div>
+          }
           {fields.has('date') &&
-            <div className={"date " + util.carbon_date(file.created_at)}>{moment(file.created_at).format("YYYY-MM-DD")}</div>
+            <div className={"date " + util.carbon_date(date)}>{moment(date).format("YYYY-MM-DD")}</div>
           }
           {fields.has('datetime') &&
-            <div className={"datetime " + util.carbon_date(file.created_at)}>{moment(file.created_at).format("YYYY-MM-DD h:mm a")}</div>
+            <div className={"datetime " + util.carbon_date(date)}>{moment(date).format("YYYY-MM-DD h:mm a")}</div>
           }
           {fields.has('size') &&
             <div className={"size " + size[0]}>{size[1]}</div>