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' && (
-
+ const canShare = ('share' in navigator) && status.get('visibility') === 'public';
+
+ const shareButton = canShare && (
+
);
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' && (
-
+ const canShare = ('share' in navigator) && status.get('visibility') === 'public';
+
+ const shareButton = canShare && (
+
+
+
);
let reblogIcon = require('feather-icons/dist/icons/repeat.svg');