mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

loading improvments for profile media panel

merge-requests/181/head
Mary Kate 2020-08-15 15:19:18 -05:00
rodzic 99d96ed901
commit 422588178a
1 zmienionych plików z 25 dodań i 17 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

42
app/soapbox/features/ui/components/profile_media_panel.js
Wyświetl plik

@ -35,13 +35,19 @@ class ProfileMediaPanel extends ImmutablePureComponent {
this.props.dispatch(expandAccountMediaTimeline(accountId));
}
render() {
const { attachments } = this.props;
const nineAttachments = attachments.slice(0, 9);
componentDidUpdate() {
const { account } = this.props;
const accountId = account.get('id');
this.props.dispatch(expandAccountMediaTimeline(accountId));
}
if (attachments.isEmpty()) {
return null;
}
render() {
const { attachments, account } = this.props;
const nineAttachments = attachments.slice(0, 9);
//
// if (attachments.isEmpty()) {
// return null;
// }
return (
<div className='media-panel'>
@ -51,18 +57,20 @@ class ProfileMediaPanel extends ImmutablePureComponent {
<FormattedMessage id='media_panel.title' defaultMessage='Media' />
</span>
</div>
<div className='media-panel__content'>
<div className='media-panel__list'>
{nineAttachments.map((attachment, index) => (
<MediaItem
key={`${attachment.getIn(['status', 'id'])}+${attachment.get('id')}`}
attachment={attachment}
displayWidth={255}
onOpenMedia={this.handleOpenMedia}
/>
))}
{account &&
<div className='media-panel__content'>
<div className='media-panel__list'>
{!nineAttachments.isEmpty() && nineAttachments.map((attachment, index) => (
<MediaItem
key={`${attachment.getIn(['status', 'id'])}+${attachment.get('id')}`}
attachment={attachment}
displayWidth={255}
onOpenMedia={this.handleOpenMedia}
/>
))}
</div>
</div>
</div>
}
</div>
);
};