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: