diff --git a/app/javascript/flavours/glitch/components/status.js b/app/javascript/flavours/glitch/components/status.js
index 4e427e5a0c1..366a98d82b5 100644
--- a/app/javascript/flavours/glitch/components/status.js
+++ b/app/javascript/flavours/glitch/components/status.js
@@ -499,7 +499,6 @@ class Status extends ImmutablePureComponent {
settings,
collapsed,
muted,
- prepend,
intersectionObserverWrapper,
onOpenVideo,
onOpenMedia,
@@ -713,20 +712,31 @@ class Status extends ImmutablePureComponent {
'data-status-by': `@${status.getIn(['account', 'acct'])}`,
};
- if (prepend && account) {
+ let prepend;
+
+ if (this.props.prepend && account) {
const notifKind = {
favourite: 'favourited',
reblog: 'boosted',
reblogged_by: 'boosted',
status: 'posted',
- }[prepend];
+ }[this.props.prepend];
selectorAttribs[`data-${notifKind}-by`] = `@${account.get('acct')}`;
+
+ prepend = (
+
+ );
}
let rebloggedByText;
- if (prepend === 'reblog') {
+ if (this.props.prepend === 'reblog') {
rebloggedByText = intl.formatMessage({ id: 'status.reblogged_by', defaultMessage: '{name} boosted' }, { name: account.get('acct') });
}
@@ -749,16 +759,10 @@ class Status extends ImmutablePureComponent {
data-featured={featured ? 'true' : null}
aria-label={textForScreenReader(intl, status, rebloggedByText, !status.get('hidden'))}
>
- {prepend && account && (
-
- )}
+ {!muted && prepend}
+ {muted && prepend}
{!muted || !isCollapsed ? (