Issue #13: Ordenada la creacion de la lista de recordings

src/views/Release.jsx

@@ -19,22 +19,32 @@ const Recordings = (props) => {
 
   let mediasComponent = <EntityList placeholder={true} size={25}/>;
   if(medias) {
-    const list= medias.map((media) => ({
-      'header': (media.format ? media.format : 'Desconocido') + ' - ' + media.position,
-      'items': media.recordings.map((recording) => ({
-        'id': recording.id,
-        'link': makeLink(recording.id),
-        'title': recording.title,
-        'subtitle': (<Fragment>
-                      {recording.length &&
-                        <div>[{toDuration(recording.length)}]</div>}
-                      {recording.disambiguation &&
-                        <div>{capitalize(recording.disambiguation)}</div>}
-                    </Fragment>),
-        'selected': props.selected === recording.id
-      }))
-    }));
+    const list = [];
 
+    for (const media of medias) {
+      const group = {
+        header: (media.format ? media.format : 'Desconocido') + ' - ' + media.position,
+        items: []
+      }
+
+      for(const recording of media.recordings) {
+        const subtitle = <Fragment>
+          {recording.length &&<div>[{toDuration(recording.length)}]</div>}
+          {recording.disambiguation && <div>{capitalize(recording.disambiguation)}</div>}
+        </Fragment>
+
+        group.items.push({
+          id: recording.id,
+          link: makeLink(recording.id),
+          title: recording.title,
+          subtitle: subtitle,
+          selected: props.selected === recording.id
+        });
+      }
+
+      list.push(group);
+    }
+    console.log(list)
     mediasComponent = <EntityList list={list}/>
   }
 
@@ -83,7 +93,7 @@ export const ReleaseView = (props) => {
       <Release release={release}/>
       {release &&
         <Recordings medias={medias}
-                    selected={currentRecording}/>
+          selected={currentRecording}/>
       }
       <Comments/>
     </Fragment>