matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: display unlisted media in ProfileMediaPanel

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-11-29 18:45:11 +01:00
parent a8cea70fec
commit 909096b98a
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/pl-fe/src/features/ui/components/panels/profile-media-panel.tsx
View File

@ -1,4 +1,4 @@
import React from 'react';
import React, { useMemo } from 'react';
import { FormattedMessage } from 'react-intl';
import Spinner from 'pl-fe/components/ui/spinner';
@ -22,19 +22,22 @@ const ProfileMediaPanel: React.FC<IProfileMediaPanel> = ({ account }) => {
openModal('MEDIA', { index: attachment.index, statusId: attachment.status_id });
};
const renderAttachments = () => {
const publicAttachments = attachments.filter(attachment => attachment.visibility === 'public');
const nineAttachments = publicAttachments.slice(0, 9);
const children = useMemo(() => {
if (isLoading || !account) return <Spinner />;
if (nineAttachments.length) {
const publicVisibilities = ['public', 'unlisted'];
const publicAttachments = attachments.filter(attachment => publicVisibilities.includes(attachment.visibility)).slice(0, 9);
if (publicAttachments.length) {
return (
<div className='⁂-media-panel__attachments'>
{nineAttachments.map((attachment, index) => (
{publicAttachments.map((attachment, index) => (
<MediaItem
key={`${attachment.status_id}+${attachment.id}`}
attachment={attachment}
onOpenMedia={handleOpenMedia}
isLast={index === nineAttachments.length - 1}
isLast={index === publicAttachments.length - 1}
/>
))}
</div>
@ -46,15 +49,11 @@ const ProfileMediaPanel: React.FC<IProfileMediaPanel> = ({ account }) => {
</p>
);
}
};
}, [isLoading, account?.id, attachments]);
return (
<Widget className='⁂-media-panel' title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}>
{isLoading || !account ? (
<Spinner />
) : (
renderAttachments()
)}
{children}
</Widget>
);
};