From 5ac5ef2e38b090d1b68b2f0aa12ee505f6659db0 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 22 Sep 2021 13:14:31 -0500
Subject: [PATCH] StatusActionBar: update "share" icon to Feather svg

---
 app/soapbox/components/status_action_bar.js          | 11 +++++++++--
 app/soapbox/features/status/components/action_bar.js | 12 ++++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/app/soapbox/components/status_action_bar.js b/app/soapbox/components/status_action_bar.js
index 09a38620b..6c25d1104 100644
--- a/app/soapbox/components/status_action_bar.js
+++ b/app/soapbox/components/status_action_bar.js
@@ -416,8 +416,15 @@ class StatusActionBar extends ImmutablePureComponent {
       replyTitle = intl.formatMessage(messages.replyAll);
     }
 
-    const shareButton = ('share' in navigator) && status.get('visibility') === 'public' && (
-      <IconButton className='status__action-bar-button' title={intl.formatMessage(messages.share)} icon='share-alt' onClick={this.handleShareClick} />
+    const canShare = ('share' in navigator) && status.get('visibility') === 'public';
+
+    const shareButton = canShare && (
+      <IconButton
+        className='status__action-bar-button'
+        title={intl.formatMessage(messages.share)}
+        src={require('feather-icons/dist/icons/share.svg')}
+        onClick={this.handleShareClick}
+      />
     );
 
     return (
diff --git a/app/soapbox/features/status/components/action_bar.js b/app/soapbox/features/status/components/action_bar.js
index 83dc47228..a998e641a 100644
--- a/app/soapbox/features/status/components/action_bar.js
+++ b/app/soapbox/features/status/components/action_bar.js
@@ -361,8 +361,16 @@ class ActionBar extends React.PureComponent {
       }
     }
 
-    const shareButton = ('share' in navigator) && status.get('visibility') === 'public' && (
-      <div className='detailed-status__button'><IconButton title={intl.formatMessage(messages.share)} icon='share-alt' onClick={this.handleShare} /></div>
+    const canShare = ('share' in navigator) && status.get('visibility') === 'public';
+
+    const shareButton = canShare && (
+      <div className='detailed-status__button'>
+        <IconButton
+          title={intl.formatMessage(messages.share)}
+          src={require('feather-icons/dist/icons/share.svg')}
+          onClick={this.handleShare}
+        />
+      </div>
     );
 
     let reblogIcon = require('feather-icons/dist/icons/repeat.svg');