From d579a10ba169d6e95e8ea8a9d7f2821fe89bca1f Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 17 Jul 2020 18:03:08 +0200
Subject: media form tweaks. copy a media item to avoid typing in properties.

---
 animism-align/frontend/views/media/containers/media.index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/views/media/containers/media.index.js')

diff --git a/animism-align/frontend/views/media/containers/media.index.js b/animism-align/frontend/views/media/containers/media.index.js
index bff781e..a865522 100644
--- a/animism-align/frontend/views/media/containers/media.index.js
+++ b/animism-align/frontend/views/media/containers/media.index.js
@@ -72,7 +72,10 @@ class MediaIndex extends Component {
         <div className="row">
           <MediaMenu />
           <div className={'results ' + options.thumbnailSize}>
-            {order.map(id => <MediaItem key={id} data={lookup[id]} />)}
+            <h2>Images</h2>
+            {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]} />)}
           </div>
         </div>
         {order.length >= 50 && <button className='loadMore' onClick={() => this.fetch(true)}>Load More</button>}
-- 
cgit v1.2.3-70-g09d2