diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js index fe23bae02..5bacc10c1 100644 --- a/app/soapbox/components/status.js +++ b/app/soapbox/components/status.js @@ -477,7 +477,15 @@ class Status extends ImmutablePureComponent { let quote; if (status.get('quote')) { - quote = ; + if (status.getIn(['pleroma', 'quote_visible'], true) === false) { + quote = ( +
+

+
+ ); + } else { + quote = ; + } } if (otherAccounts && otherAccounts.size > 1) { diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js index a54c9bda5..b0e1b6a6c 100644 --- a/app/soapbox/features/status/components/detailed_status.js +++ b/app/soapbox/features/status/components/detailed_status.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePureComponent from 'react-immutable-pure-component'; -import { injectIntl } from 'react-intl'; +import { FormattedMessage, injectIntl } from 'react-intl'; import { FormattedDate } from 'react-intl'; import { Link, NavLink } from 'react-router-dom'; @@ -164,7 +164,15 @@ class DetailedStatus extends ImmutablePureComponent { let quote; if (status.get('quote')) { - quote = ; + if (status.getIn(['pleroma', 'quote_visible'], true) === false) { + quote = ( +
+

+
+ ); + } else { + quote = ; + } } if (status.get('visibility') === 'direct') { diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index 9633ae100..eca5fd091 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -820,4 +820,14 @@ a.status-card.compact:hover { .attachment-thumbs .media-gallery { margin-top: 5px !important; } + + &-tombstone { + margin-top: 14px; + padding: 12px; + border: 1px solid var(--brand-color--med); + border-radius: 10px; + color: var(--primary-text-color--faint); + font-size: 14px; + text-align: center; + } }