add debounce to raise hand toggle

bigbluebutton-html5/imports/ui/components/actions-bar/component.jsx

-import React, { PureComponent } from 'react';
+import React, { Component } from 'react';
 import cx from 'classnames';
 import Button from '/imports/ui/components/button/component';
 import { ACTIONSBAR_HEIGHT } from '/imports/ui/components/layout/layout-manager';
 import CaptionsButtonContainer from '/imports/ui/components/actions-bar/captions/container';
 import withShortcutHelper from '/imports/ui/components/shortcut-help/service';
-
+import { debounce } from 'lodash';
 import { styles } from './styles.scss';
 import ActionsDropdown from './actions-dropdown/container';
 import ScreenshareButtonContainer from '/imports/ui/components/actions-bar/screenshare/container';
@@ -12,7 +12,25 @@ import AudioControlsContainer from '../audio/audio-controls/container';
 import JoinVideoOptionsContainer from '../video-provider/video-button/container';
 import PresentationOptionsContainer from './presentation-options/component';
 
-class ActionsBar extends PureComponent {
+class ActionsBar extends Component {
+  constructor() {
+    super();
+
+    this.handleSetStatus = debounce(this.handleSetStatus.bind(this), 1000, { leading: true, trailing: false });
+  }
+
+  handleSetStatus() {
+    const {
+      setEmojiStatus,
+      currentUser,
+    } = this.props;
+
+    setEmojiStatus(
+      currentUser.userId,
+      currentUser.emoji === 'raiseHand' ? 'none' : 'raiseHand',
+    );
+  }
+
   render() {
     const {
       amIPresenter,
@@ -98,12 +116,7 @@ class ActionsBar extends PureComponent {
               hideLabel
               circle
               size="lg"
-              onClick={() => {
-                setEmojiStatus(
-                  currentUser.userId,
-                  currentUser.emoji === 'raiseHand' ? 'none' : 'raiseHand',
-                );
-              }}
+              onClick={this.handleSetStatus}
             />
           }
           {isLayoutSwapped && !isPresentationDisabled