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 efc1fd658b..b8f00bfe81 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 @@ -1,6 +1,7 @@ import React, { useState } from 'react'; import { defineMessages } from 'react-intl'; import PropTypes from 'prop-types'; +import withShortcutHelper from '/imports/ui/components/shortcut-help/service'; import BBBMenu from '/imports/ui/components/common/menu/component'; import UserReactionService from '/imports/ui/components/user-reaction/service'; import UserListService from '/imports/ui/components/user-list/service'; @@ -21,6 +22,7 @@ const ReactionsButton = (props) => { isMobile, currentUserReaction, autoCloseReactionsBar, + shortcuts, } = props; // initialize emoji-mart data, need for the new version @@ -101,7 +103,7 @@ const ReactionsButton = (props) => { }); actions.push({ - label: {RaiseHandButtonLabel()}, + label: {RaiseHandButtonLabel()}, key: 'hand', onClick: () => handleRaiseHandButtonClick(), customStyles: {...actionCustomStyles, width: 'auto'}, @@ -176,4 +178,4 @@ const propTypes = { ReactionsButton.propTypes = propTypes; -export default ReactionsButton; +export default withShortcutHelper(ReactionsButton, ['raiseHand']);