diff --git a/bigbluebutton-html5/imports/ui/components/actions-bar/reactions-button/component.jsx b/bigbluebutton-html5/imports/ui/components/actions-bar/reactions-button/component.jsx index a97290e04f..efc1fd658b 100644 --- a/bigbluebutton-html5/imports/ui/components/actions-bar/reactions-button/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/actions-bar/reactions-button/component.jsx @@ -10,6 +10,8 @@ import { init } from 'emoji-mart'; import Styled from './styles'; +const REACTIONS = Meteor.settings.public.userReaction.reactions; + const ReactionsButton = (props) => { const { intl, @@ -87,36 +89,9 @@ const ReactionsButton = (props) => { native: '✋', }; - const reactions = [ - { - id: 'smiley', - native: '😃', - }, - { - id: 'neutral_face', - native: '😐', - }, - { - id: 'slightly_frowning_face', - native: '🙁', - }, - { - id: '+1', - native: '👍', - }, - { - id: '-1', - native: '👎', - }, - { - id: 'clap', - native: '👏', - }, - ]; - let actions = []; - reactions.forEach(({ id, native }) => { + REACTIONS.forEach(({ id, native }) => { actions.push({ label: , key: id, @@ -133,7 +108,7 @@ const ReactionsButton = (props) => { }); const icon = !raiseHand && currentUserReaction === 'none' ? 'hand' : null; - const currentUserReactionEmoji = reactions.find(({ native }) => native === currentUserReaction); + const currentUserReactionEmoji = REACTIONS.find(({ native }) => native === currentUserReaction); let customIcon = null; diff --git a/bigbluebutton-html5/private/config/settings.yml b/bigbluebutton-html5/private/config/settings.yml index 983fbad872..4193a4ffc9 100755 --- a/bigbluebutton-html5/private/config/settings.yml +++ b/bigbluebutton-html5/private/config/settings.yml @@ -602,6 +602,19 @@ public: userReaction: enabled: true expire: 60 + reactions: + - id: 'smiley' + native: '😃' + - id: 'neutral_face' + native: '😐' + - id: 'slightly_frowning_face' + native: '🙁' + - id: '+1' + native: '👍' + - id: '-1' + native: '👎' + - id: 'clap' + native: '👏' userStatus: enabled: false notes: