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;
+ }
}