Merge pull request #5 from mariogasparoni/small-fixes-on-13015

chore(audio): small fixes on "Update media selection dropdown" #13015

bigbluebutton-html5/imports/ui/components/audio/audio-controls/component.jsx

@@ -131,7 +131,7 @@ class AudioControls extends PureComponent {
         ghost={!inAudio}
         icon={joinIcon}
         size="lg"
-        circle        
+        circle
         accessKey={inAudio ? shortcuts.leaveaudio : shortcuts.joinaudio}
       />
     );
@@ -157,7 +157,8 @@ class AudioControls extends PureComponent {
       if (_enableDynamicDeviceSelection) {
         return AudioControls.renderLeaveButtonWithLiveStreamSelector(this
           .props);
-      }      
+      }
+
       return this.renderLeaveButtonWithoutLiveStreamSelector();
     }
 
@@ -188,7 +189,7 @@ class AudioControls extends PureComponent {
         className={cx(styles.muteToggle, !talking || styles.glow, !muted || styles.btn)}
         onClick={handleToggleMuteMicrophone}
         disabled={disable}
-        hideLabel    
+        hideLabel
         label={label}
         aria-label={label}
         color={!muted ? 'primary' : 'default'}

bigbluebutton-html5/imports/ui/components/audio/audio-controls/input-stream-live-selector/component.jsx

@@ -219,6 +219,7 @@ class InputStreamLiveSelector extends Component {
         label: title,
         disabled: true,
         dividerTop: (!renderSeparator),
+        onClick: () => {},
       },
     ];
     const deviceList = (listLength > 0)
@@ -238,6 +239,7 @@ class InputStreamLiveSelector extends Component {
             ? intl.formatMessage(intlMessages.loading)
             : intl.formatMessage(intlMessages.noDeviceFound),
           className: styles.disableDeviceSelection,
+          onClick: () => {},
         },
       ];
     return listTitle.concat(deviceList);

bigbluebutton-html5/imports/ui/components/button/button-emoji/ButtonEmoji.jsx

@@ -36,13 +36,17 @@ const defaultProps = {
 };
 
 const ButtonEmoji = (props) => {
+  const {
+    hideLabel,
+    ...newProps
+  } = props;
+
   const {
     emoji,
     label,
     tabIndex,
-    hideLabel,
     onClick,
-  } = props;
+  } = newProps;
 
   const IconComponent = (
     <Icon
@@ -55,8 +59,9 @@ const ButtonEmoji = (props) => {
     <span>
       <TooltipContainer title={label}>
         <button
+          type="button"
           tabIndex={tabIndex}
-          {...props}
+          {...newProps}
           className={styles.emojiButton}
           aria-label={label}
           onClick={onClick}