diff --git a/app/gabsocial/features/notifications/components/notification.js b/app/gabsocial/features/notifications/components/notification.js index 5094ade36..bd13367dc 100644 --- a/app/gabsocial/features/notifications/components/notification.js +++ b/app/gabsocial/features/notifications/components/notification.js @@ -8,6 +8,7 @@ import Permalink from '../../../components/permalink'; import ImmutablePureComponent from 'react-immutable-pure-component'; import { HotKeys } from 'react-hotkeys'; import Icon from 'gabsocial/components/icon'; +import emojify from 'gabsocial/features/emoji/emoji'; const notificationForScreenReader = (intl, message, timestamp) => { const output = [message]; @@ -141,19 +142,51 @@ class Notification extends ImmutablePureComponent { ); } + renderEmojiReact(notification, link) { + const { intl } = this.props; + + return ( + +
+
+
+ +
+ + + + +
+ +
+
+ ); + } + renderFavourite(notification, link) { const { intl } = this.props; return ( -
+
- +
- +
@@ -254,6 +287,8 @@ class Notification extends ImmutablePureComponent { return this.renderReblog(notification, link); case 'poll': return this.renderPoll(notification); + case 'pleroma:emoji_reaction': + return this.renderEmojiReact(notification, link); } return null; diff --git a/app/gabsocial/reducers/notifications.js b/app/gabsocial/reducers/notifications.js index 4b2267e5a..81db680c6 100644 --- a/app/gabsocial/reducers/notifications.js +++ b/app/gabsocial/reducers/notifications.js @@ -41,6 +41,7 @@ const notificationToMap = notification => ImmutableMap({ account: notification.account.id, created_at: notification.created_at, status: notification.status ? notification.status.id : null, + emoji: notification.emoji, }); const normalizeNotification = (state, notification) => {