import React from 'react'; import { buildURI } from 'lbryURI'; import FormField from 'component/formField'; import FileTile from 'component/fileTile'; import { BusyMessage } from 'component/common.js'; class FileList extends React.PureComponent { constructor(props) { super(props); this.state = { sortBy: 'date', }; this._sortFunctions = { date(fileInfos) { return fileInfos.slice().reverse(); }, title(fileInfos) { return fileInfos.slice().sort((fileInfo1, fileInfo2) => { const title1 = fileInfo1.value ? fileInfo1.value.stream.metadata.title.toLowerCase() : fileInfo1.name; const title2 = fileInfo2.value ? fileInfo2.value.stream.metadata.title.toLowerCase() : fileInfo2.name; if (title1 < title2) { return -1; } else if (title1 > title2) { return 1; } return 0; }); }, filename(fileInfos) { return fileInfos.slice().sort(({ file_name: fileName1 }, { file_name: fileName2 }) => { const fileName1Lower = fileName1.toLowerCase(); const fileName2Lower = fileName2.toLowerCase(); if (fileName1Lower < fileName2Lower) { return -1; } else if (fileName2Lower > fileName1Lower) { return 1; } return 0; }); }, }; } getChannelSignature(fileInfo) { if (fileInfo.value) { return fileInfo.value.publisherSignature.certificateId; } return fileInfo.metadata.publisherSignature.certificateId; } handleSortChanged(event) { this.setState({ sortBy: event.target.value, }); } render() { const { handleSortChanged, fetching, fileInfos } = this.props; const { sortBy } = this.state; const content = []; this._sortFunctions[sortBy](fileInfos).forEach(fileInfo => { const uriParams = {}; if (fileInfo.channel_name) { uriParams.channelName = fileInfo.channel_name; uriParams.contentName = fileInfo.name; uriParams.claimId = this.getChannelSignature(fileInfo); } else { uriParams.claimId = fileInfo.claim_id; uriParams.name = fileInfo.name; } const uri = buildURI(uriParams); content.push( ); }); return (
{fetching && } {__('Sort by')}{' '} {content}
); } } export default FileList;