From 9be377319f470e24ea05febf4f55aac763a818a2 Mon Sep 17 00:00:00 2001
From: noellabo <noel.yoshiba@gmail.com>
Date: Sat, 25 Jul 2020 19:16:43 +0900
Subject: [PATCH] Fix quoted audio

---
 app/javascript/mastodon/components/status.js              | 8 ++++++--
 .../features/status/components/detailed_status.js         | 5 ++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js
index 31d012edc..c1d51adc8 100644
--- a/app/javascript/mastodon/components/status.js
+++ b/app/javascript/mastodon/components/status.js
@@ -508,10 +508,14 @@ class Status extends ImmutablePureComponent {
                 <Component
                   src={attachment.get('url')}
                   alt={attachment.get('description')}
+                  poster={attachment.get('preview_url') || quote_status.getIn(['account', 'avatar_static'])}
+                  backgroundColor={attachment.getIn(['meta', 'colors', 'background'])}
+                  foregroundColor={attachment.getIn(['meta', 'colors', 'foreground'])}
+                  accentColor={attachment.getIn(['meta', 'colors', 'accent'])}
                   duration={attachment.getIn(['meta', 'original', 'duration'], 0)}
-                  peaks={[0]}
+                  width={this.props.cachedMediaWidth}
                   height={70}
-                  quote
+                  cacheWidth={this.props.cacheMediaWidth}
                 />
               )}
             </Bundle>
diff --git a/app/javascript/mastodon/features/status/components/detailed_status.js b/app/javascript/mastodon/features/status/components/detailed_status.js
index ae90a622d..242b4aee9 100644
--- a/app/javascript/mastodon/features/status/components/detailed_status.js
+++ b/app/javascript/mastodon/features/status/components/detailed_status.js
@@ -152,8 +152,11 @@ class DetailedStatus extends ImmutablePureComponent {
               src={attachment.get('url')}
               alt={attachment.get('description')}
               duration={attachment.getIn(['meta', 'original', 'duration'], 0)}
+              poster={attachment.get('preview_url') || quote_status.getIn(['account', 'avatar_static'])}
+              backgroundColor={attachment.getIn(['meta', 'colors', 'background'])}
+              foregroundColor={attachment.getIn(['meta', 'colors', 'foreground'])}
+              accentColor={attachment.getIn(['meta', 'colors', 'accent'])}
               height={60}
-              preload
             />
           );
         } else if (quote_status.getIn(['media_attachments', 0, 'type']) === 'video') {