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

Account Gallery: Fix "view context" button, fixes #193

This commit is contained in:
Alex Gleason 2020-06-12 20:10:07 -05:00
parent aa0a4e49be
commit 741b27195e
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
4 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/features/account_gallery/index.js
View File

@ -137,7 +137,7 @@ class AccountGallery extends ImmutablePureComponent {
const media = attachment.getIn(['status', 'media_attachments']);
const index = media.findIndex(x => x.get('id') === attachment.get('id'));
this.props.dispatch(openModal('MEDIA', { media, index, status: attachment.get('status') }));
this.props.dispatch(openModal('MEDIA', { media, index, status: attachment.get('status'), account: attachment.get('account') }));
}
}

6
app/soapbox/features/ui/components/media_modal.js
View File

@ -25,6 +25,7 @@ class MediaModal extends ImmutablePureComponent {
static propTypes = {
media: ImmutablePropTypes.list.isRequired,
status: ImmutablePropTypes.map,
account: ImmutablePropTypes.map,
index: PropTypes.number.isRequired,
onClose: PropTypes.func.isRequired,
intl: PropTypes.object.isRequired,
@ -110,7 +111,10 @@ class MediaModal extends ImmutablePureComponent {
handleStatusClick = e => {
if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
e.preventDefault();
this.context.router.history.push(`/@${this.props.status.getIn(['account', 'acct'])}/posts/${this.props.status.get('id')}`);
const { status, account } = this.props;
const acct = account.get('acct');
const statusId = status.get('id');
this.context.router.history.push(`/@${acct}/posts/${statusId}`);
}
}

7
app/soapbox/selectors/index.js
View File

@ -135,11 +135,14 @@ export const makeGetNotification = () => {
export const getAccountGallery = createSelector([
(state, id) => state.getIn(['timelines', `account:${id}:media`, 'items'], ImmutableList()),
state => state.get('statuses'),
], (statusIds, statuses) => {
state => state.get('accounts'),
], (statusIds, statuses, accounts) => {
return statusIds.reduce((medias, statusId) => {
const status = statuses.get(statusId);
const account = accounts.get(status.get('account'));
if (status.get('reblogged') !== false) return medias;
return medias.concat(status.get('media_attachments').map(media => media.set('status', status)));
return medias.concat(status.get('media_attachments')
.map(media => media.merge({ status, account })));
}, ImmutableList());
});

2
app/styles/components/modal.scss
View File

@ -143,7 +143,7 @@
a {
text-decoration: none;
font-weight: 500;
color: var(--background-color);
color: #fff;
&:hover,
&:focus,