Fix quote on public stream

app/javascript/mastodon/containers/timeline_container.js

@@ -47,7 +47,9 @@ export default class TimelineContainer extends React.PureComponent {
       <IntlProvider locale={locale} messages={messages}>
         <Provider store={store}>
           <Fragment>
-            {timeline}
+            <div className='standalone-timeline'>
+              {timeline}
+            </div>
 
             {ReactDOM.createPortal(
               <ModalContainer />,

app/javascript/mastodon/features/status/components/detailed_status.js

@@ -231,7 +231,7 @@ class DetailedStatus extends ImmutablePureComponent {
 
       if (quote_muted) {
         quote = (
-          <div className='quote-status'>
+          <div className='quote-status' data-id={quote_status.get('id')} dataurl={quote_status.get('url')}>
             <div className='status__content muted-quote'>
               <FormattedMessage id='status.muted_quote' defaultMessage='Muted quote' />
             </div>
@@ -239,7 +239,7 @@ class DetailedStatus extends ImmutablePureComponent {
         );
       } else {
         quote = (
-          <div className='quote-status'>
+          <div className='quote-status' data-id={quote_status.get('id')} dataurl={quote_status.get('url')}>
             <a href={quote_status.getIn(['account', 'url'])} onClick={this.handleAccountClick} data-id={quote_status.getIn(['account', 'id'])} className='detailed-status__display-name'>
               <div className='detailed-status__display-avatar'><Avatar account={quote_status.get('account')} size={18} /></div>
               <DisplayName account={quote_status.get('account')} localDomain={this.props.domain} />
@@ -252,7 +252,7 @@ class DetailedStatus extends ImmutablePureComponent {
       }
     } else if (quote_muted) {
       quote = (
-        <div className={classNames('quote-status', { muted: this.props.muted })}>
+        <div className={classNames('quote-status', { muted: this.props.muted })} data-id={quote_status.get('id')} dataurl={quote_status.get('url')}>
           <div className={classNames('status__content muted-quote', { 'status__content--with-action': this.context.router })}>
             <FormattedMessage id='status.muted_quote' defaultMessage='Muted quote' />
           </div>

app/javascript/mastodon/features/status/containers/detailed_status_container.js

@@ -20,6 +20,8 @@ import {
   deleteStatus,
   hideStatus,
   revealStatus,
+  hideQuote,
+  revealQuote,
 } from '../../../actions/statuses';
 import { initMuteModal } from '../../../actions/mutes';
 import { initBlockModal } from '../../../actions/blocks';
@@ -136,6 +138,14 @@ const mapDispatchToProps = (dispatch, { intl }) => ({
     dispatch(openModal('VIDEO', { media, options }));
   },
 
+  onOpenMediaQuote (media, index) {
+    dispatch(openModal('MEDIA', { media, index }));
+  },
+
+  onOpenVideoQuote (media, options) {
+    dispatch(openModal('VIDEO', { media, options }));
+  },
+
   onBlock (status) {
     const account = status.get('account');
     dispatch(initBlockModal(account));
@@ -165,6 +175,13 @@ const mapDispatchToProps = (dispatch, { intl }) => ({
     }
   },
 
+  onQuoteToggleHidden (status) {
+    if (status.get('quote_hidden')) {
+      dispatch(revealQuote(status.get('id')));
+    } else {
+      dispatch(hideQuote(status.get('id')));
+    }
+  },
 });
 
 export default injectIntl(connect(makeMapStateToProps, mapDispatchToProps)(DetailedStatus));

app/javascript/packs/public.js

@@ -303,6 +303,8 @@ function main() {
     let url = target.closest('.quote-status').getAttribute('dataurl');
     if (target.closest('.status__display-name')) {
       url = target.closest('.status__display-name').getAttribute('href');
+    } else if (target.closest('.detailed-status__display-name')) {
+      url = target.closest('.detailed-status__display-name').getAttribute('href');
     } else if (target.closest('.status-card')) {
       url = target.closest('.status-card').getAttribute('href');
     }

app/javascript/styles/mastodon/statuses.scss

@@ -99,6 +99,10 @@
   }
 }
 
+.standalone-timeline .quote-status {
+  cursor: pointer;
+}
+
 .button.logo-button {
   flex: 0 auto;
   font-size: 14px;