moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pass status to MediaModal, handle status undefined

This commit is contained in:
Alex Gleason 2022-10-18 19:10:16 -05:00
parent 44a2644fa9
commit fa7a517a95
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
5 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/components/status-media.tsx
View File

@ -59,7 +59,7 @@ const StatusMedia: React.FC<IStatusMedia> = ({
}; };
const openMedia = (media: ImmutableList<Attachment>, index: number) => { const openMedia = (media: ImmutableList<Attachment>, index: number) => {
dispatch(openModal('MEDIA', { media, index })); dispatch(openModal('MEDIA', { media, status, index }));
}; };
const openVideo = (media: Attachment, time: number): void => { const openVideo = (media: Attachment, time: number): void => {

4
app/soapbox/components/status.tsx
View File

@ -117,9 +117,9 @@ const Status: React.FC<IStatus> = (props) => {
if (firstAttachment) { if (firstAttachment) {
if (firstAttachment.type === 'video') { if (firstAttachment.type === 'video') {
dispatch(openModal('VIDEO', { media: firstAttachment, time: 0 })); dispatch(openModal('VIDEO', { status, media: firstAttachment, time: 0 }));
} else { } else {
dispatch(openModal('MEDIA', { media: status.media_attachments, index: 0 })); dispatch(openModal('MEDIA', { status, media: status.media_attachments, index: 0 }));
} }
} }
}; };

2
app/soapbox/features/admin/components/report_status.tsx
View File

@ -27,7 +27,7 @@ const ReportStatus: React.FC<IReportStatus> = ({ status }) => {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
const handleOpenMedia = (media: Attachment, index: number) => { const handleOpenMedia = (media: Attachment, index: number) => {
dispatch(openModal('MEDIA', { media, index })); dispatch(openModal('MEDIA', { media, status, index }));
}; };
const handleDeleteStatus = () => { const handleDeleteStatus = () => {

2
app/soapbox/features/status/index.tsx
View File

@ -228,7 +228,7 @@ const Thread: React.FC<IThread> = (props) => {
}; };
const handleOpenMedia = (media: ImmutableList<AttachmentEntity>, index: number) => { const handleOpenMedia = (media: ImmutableList<AttachmentEntity>, index: number) => {
dispatch(openModal('MEDIA', { media, index })); dispatch(openModal('MEDIA', { media, status, index }));
}; };
const handleOpenVideo = (media: ImmutableList<AttachmentEntity>, time: number) => { const handleOpenVideo = (media: ImmutableList<AttachmentEntity>, time: number) => {

6
app/soapbox/features/ui/components/media-modal.tsx
View File

@ -23,7 +23,7 @@ const messages = defineMessages({
interface IMediaModal { interface IMediaModal {
media: ImmutableList<Attachment>, media: ImmutableList<Attachment>,
status: Status, status?: Status,
account: Account, account: Account,
index: number, index: number,
time?: number, time?: number,
@ -96,7 +96,7 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
const handleStatusClick: React.MouseEventHandler = e => { const handleStatusClick: React.MouseEventHandler = e => {
if (e.button === 0 && !(e.ctrlKey || e.metaKey)) { if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
e.preventDefault(); e.preventDefault();
history.push(`/@${account.acct}/posts/${status.id}`); history.push(`/@${account.acct}/posts/${status?.id}`);
onClose(); onClose();
} }
}; };
@ -209,7 +209,7 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
<Audio <Audio
src={attachment.url} src={attachment.url}
alt={attachment.description} alt={attachment.description}
poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status.getIn(['account', 'avatar_static'])) as string | undefined} poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status?.getIn(['account', 'avatar_static'])) as string | undefined}
backgroundColor={attachment.meta.getIn(['colors', 'background']) as string | undefined} backgroundColor={attachment.meta.getIn(['colors', 'background']) as string | undefined}
foregroundColor={attachment.meta.getIn(['colors', 'foreground']) as string | undefined} foregroundColor={attachment.meta.getIn(['colors', 'foreground']) as string | undefined}
accentColor={attachment.meta.getIn(['colors', 'accent']) as string | undefined} accentColor={attachment.meta.getIn(['colors', 'accent']) as string | undefined}