Merge pull request #7 from hnzlmnn/raise-hand-msg-web

add support for raise hand chat msg for web
HoppFoundation · Aug 30, 2020 · 295e2ac · 295e2ac
2 parents a009d83 + 725e502
commit 295e2ac
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/react/features/toolbox/components/web/Toolbox.js b/react/features/toolbox/components/web/Toolbox.js
@@ -10,7 +10,7 @@ import {
 } from '../../../analytics';
 import { openDialog, toggleDialog } from '../../../base/dialog';
 import { isMobileBrowser } from '../../../base/environment/utils';
-import { translate } from '../../../base/i18n';
+import { translate, i18next } from '../../../base/i18n';
 import {
     IconChat,
     IconCodeBlock,
@@ -28,14 +28,15 @@ import {
 import {
     getLocalParticipant,
     getParticipants,
-    participantUpdated
+    participantUpdated,
+    getParticipantDisplayName
 } from '../../../base/participants';
 import { connect, equals } from '../../../base/redux';
 import { OverflowMenuItem } from '../../../base/toolbox/components';
 import { getLocalVideoTrack, toggleScreensharing } from '../../../base/tracks';
 import { VideoBlurButton } from '../../../blur';
-import { CHAT_SIZE, ChatCounter, toggleChat } from '../../../chat';
 import { EmbedMeetingDialog } from '../../../embed-meeting';
+import { CHAT_SIZE, ChatCounter, toggleChat, sendMessage } from '../../../chat';
 import { SharedDocumentButton } from '../../../etherpad';
 import { openFeedbackDialog } from '../../../feedback';
 import { beginAddPeople } from '../../../invite';
@@ -463,8 +464,12 @@ class Toolbox extends Component<Props, State> {
      * @returns {void}
      */
     _doToggleRaiseHand() {
-        const { _localParticipantID, _raisedHand } = this.props;
+        const { _localParticipantID, _raisedHand, _localParticipantName } = this.props;
 
+        // uncomment this to enable chat message on raise hand for web
+        // if(!_raisedHand) {
+        //     this.props.dispatch(sendMessage(i18next.t('raisedHandMessage', {'name': _localParticipantName})));
+        // }
         this.props.dispatch(participantUpdated({
             // XXX Only the local participant is allowed to update without
             // stating the JitsiConference instance (i.e. participant property
@@ -846,6 +851,7 @@ class Toolbox extends Component<Props, State> {
             { enable: !this.props._raisedHand }));
 
         this._doToggleRaiseHand();
+
     }
 
     _onToolbarToggleScreenshare: () => void;
@@ -1441,6 +1447,7 @@ function _mapStateToProps(state) {
         _fullScreen: fullScreen,
         _tileViewEnabled: shouldDisplayTileView(state),
         _localParticipantID: localParticipant.id,
+        _localParticipantName: getParticipantDisplayName(state, localParticipant.id),
         _localRecState: localRecordingStates,
         _locked: locked,
         _overflowMenuVisible: overflowMenuVisible,