diff --git a/src/views/Release.jsx b/src/views/Release.jsx index 966e478..6444830 100644 --- a/src/views/Release.jsx +++ b/src/views/Release.jsx @@ -19,22 +19,32 @@ const Recordings = (props) => { let mediasComponent = ; 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': ( - {recording.length && -
[{toDuration(recording.length)}]
} - {recording.disambiguation && -
{capitalize(recording.disambiguation)}
} -
), - '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 = + {recording.length &&
[{toDuration(recording.length)}]
} + {recording.disambiguation &&
{capitalize(recording.disambiguation)}
} +
+ + 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 = } @@ -83,7 +93,7 @@ export const ReleaseView = (props) => { {release && + selected={currentRecording}/> }