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');