diff --git a/app/gabsocial/components/status_action_bar.js b/app/gabsocial/components/status_action_bar.js index 7c5620876..3bd191c22 100644 --- a/app/gabsocial/components/status_action_bar.js +++ b/app/gabsocial/components/status_action_bar.js @@ -294,7 +294,7 @@ class StatusActionBar extends ImmutablePureComponent { {reblogCount !== 0 && {reblogCount}}
- + {favoriteCount !== 0 && {favoriteCount}}
{shareButton} diff --git a/app/gabsocial/features/status/components/action_bar.js b/app/gabsocial/features/status/components/action_bar.js index 5432dd0e5..e7e2a1c98 100644 --- a/app/gabsocial/features/status/components/action_bar.js +++ b/app/gabsocial/features/status/components/action_bar.js @@ -232,9 +232,18 @@ class ActionBar extends React.PureComponent { return (
-
-
-
+
+ + Reply +
+
+ + Boost +
+
+ + Like +
{shareButton}
diff --git a/app/gabsocial/features/status/components/detailed_status.js b/app/gabsocial/features/status/components/detailed_status.js index 9372c9e47..b18ad11e0 100644 --- a/app/gabsocial/features/status/components/detailed_status.js +++ b/app/gabsocial/features/status/components/detailed_status.js @@ -14,6 +14,7 @@ import scheduleIdleTask from '../../ui/util/schedule_idle_task'; import classNames from 'classnames'; import Icon from 'gabsocial/components/icon'; import PollContainer from 'gabsocial/containers/poll_container'; +import { StatusInteractionBar } from './status_interaction_bar'; export default class DetailedStatus extends ImmutablePureComponent { @@ -92,7 +93,6 @@ export default class DetailedStatus extends ImmutablePureComponent { let applicationLink = ''; let reblogLink = ''; let reblogIcon = 'retweet'; - let favouriteLink = ''; if (this.props.measureHeight) { outerStyle.height = `${this.state.height}px`; @@ -169,15 +169,6 @@ export default class DetailedStatus extends ImmutablePureComponent { ); } - favouriteLink = ( - - - - - - - ); - return (
@@ -197,9 +188,12 @@ export default class DetailedStatus extends ImmutablePureComponent { {media}
- - - {applicationLink} · {reblogLink} · {favouriteLink} + +
+ {reblogLink} {applicationLink} · + + +
diff --git a/app/gabsocial/features/status/components/status_interaction_bar.js b/app/gabsocial/features/status/components/status_interaction_bar.js index 9b1cb4c3b..ac674b07c 100644 --- a/app/gabsocial/features/status/components/status_interaction_bar.js +++ b/app/gabsocial/features/status/components/status_interaction_bar.js @@ -22,9 +22,7 @@ export class StatusInteractionBar extends React.Component { acc + cur.get('count') ), 0); - if (count < 1) return null; - - return ( + const EmojiReactsContainer = () => (
{emojiReacts.map((e, i) => ( @@ -42,6 +40,12 @@ export class StatusInteractionBar extends React.Component {
); + + return ( +
+ {count > 0 && } +
+ ); } } diff --git a/app/gabsocial/features/status/index.js b/app/gabsocial/features/status/index.js index 424dda420..4b9fc2436 100644 --- a/app/gabsocial/features/status/index.js +++ b/app/gabsocial/features/status/index.js @@ -43,7 +43,6 @@ import { attachFullscreenListener, detachFullscreenListener, isFullscreen } from import { textForScreenReader, defaultMediaVisibility } from '../../components/status'; import Icon from 'gabsocial/components/icon'; import { getSettings } from 'gabsocial/actions/settings'; -import { StatusInteractionBar } from './components/status_interaction_bar'; const messages = defineMessages({ deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' }, @@ -493,8 +492,6 @@ class Status extends ImmutablePureComponent { onToggleMediaVisibility={this.handleToggleMediaVisibility} /> - -