From 1f58406d9e0e4a7e2bbb4afa02d3c96b82bd0de1 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 7 Aug 2020 17:34:13 +0200
Subject: add generic file upload

---
 .../app/views/media/containers/media.index.js         | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'animism-align/frontend/app/views/media/containers')

diff --git a/animism-align/frontend/app/views/media/containers/media.index.js b/animism-align/frontend/app/views/media/containers/media.index.js
index ef6e3be..7935563 100644
--- a/animism-align/frontend/app/views/media/containers/media.index.js
+++ b/animism-align/frontend/app/views/media/containers/media.index.js
@@ -76,6 +76,8 @@ class MediaIndex extends Component {
             {order.filter(id => lookup[id].type === 'image').map(id => <MediaItem key={id} data={lookup[id]} />)}
             <h2>Video</h2>
             {order.filter(id => lookup[id].type === 'video').map(id => <MediaItem key={id} data={lookup[id]} />)}
+            <h2>Files</h2>
+            {order.filter(id => lookup[id].type === 'file').map(id => <FileItem key={id} data={lookup[id]} />)}
           </div>
         </div>
         {order.length >= 50 && <button className='loadMore' onClick={() => this.fetch(true)}>Load More</button>}
@@ -104,6 +106,23 @@ const MediaItem = ({ data }) => {
   )
 }
 
+const FileItem = ({ data }) => {
+  // console.log(data)
+  return (
+    <div className='cell'>
+      <div className='meta center'>
+        <Link to={"/media/" + data.id + "/edit/"}>
+          <div>
+            <i>{data.title}</i><br />
+            {data.settings.file.url}<br />
+          </div>
+        </Link>
+      </div>
+    </div>
+  )
+}
+
+
 const mapStateToProps = state => ({
   media: state.media,
 })
-- 
cgit v1.2.3-70-g09d2