adding thumbnails to datasets

1 files changed, 18 insertions, 1 deletions

diff --git a/app/client/common/fileList.component.js b/app/client/common/fileList.component.js
index c4da4d7..1d4a3ca 100644
--- a/app/client/common/fileList.component.js
+++ b/app/client/common/fileList.component.js
@@ -29,10 +29,23 @@ export const FileList = props => {
     const groupedFiles = sortedFiles.reduce((a,b) => { a[b[1].dir].push(b); return a }, { true: [], false: [] })
     sortedFiles = groupedFiles.true.concat(groupedFiles.false)
   }
+  const fileFields = fieldSet(fields)
+  let thumbnails = null
+  if (fileFields.has('thumbnail')) {
+    thumbnails = (
+      <div class='thumbnails'>
+        {sortedFiles.map(pair => (
+          <div>
+            <img src={pair[1].url} />
+          </div>
+        ))}
+      </div>
+    )
+  }
   const fileList = sortedFiles.map(pair => {
       return <FileRow
         file={pair[1]}
-        fields={fieldSet(fields)}
+        fields={fileFields}
         className={rowClassName}
         linkFiles={linkFiles}
         onDelete={onDelete}
@@ -68,6 +81,7 @@ export const FileList = props => {
             </div>
           </div>
         }
+        {thumbnails}
 	  		{fileList}
       </div>
   	</div>
@@ -148,6 +162,9 @@ export const FileRow = props => {
       {fields.has('delete') && onDelete && file.id &&
         <div className='destroy' onClick={(e) => onDelete(file)}>x</div>
       }
+      {fields.has('deleteLink') && onDelete && file.id &&
+        <div className='destroyLink' onClick={(e) => onDelete(file)}>Delete</div>
+      }
       {options && props.options(file)}
     </div>
   )