Merge pull request #6691 from gustavotrott/mobile-native-verification

Hide Mic and Camera buttons when userAgent is Mobile App

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

@@ -265,13 +265,14 @@ class AudioModal extends Component {
       forceListenOnlyAttendee,
       skipCheck,
       audioLocked,
+      isMobileNative,
     } = this.props;
 
     const showMicrophone = forceListenOnlyAttendee || audioLocked;
 
     return (
       <span className={styles.audioOptions}>
-        {!showMicrophone
+        {!showMicrophone && !isMobileNative
           ? (
             <Button
               className={styles.audioBtn}

bigbluebutton-html5/imports/ui/components/audio/audio-modal/container.jsx

@@ -62,5 +62,6 @@ export default withModalMounter(withTracker(({ mountModal }) => {
     joinFullAudioEchoTest: !listenOnlyMode && !skipCheck,
     forceListenOnlyAttendee: listenOnlyMode && forceListenOnly && !Service.isUserModerator(),
     isIOSChrome: browser().name === 'crios',
+    isMobileNative: navigator.userAgent.toLowerCase().includes('bbbnative'),
   });
 })(AudioModalContainer));

bigbluebutton-html5/imports/ui/components/video-provider/video-button/container.jsx

@@ -15,12 +15,13 @@ const JoinVideoOptionsContainer = (props) => {
     baseName,
     intl,
     mountModal,
+    isMobileNative,
     ...restProps
   } = props;
 
   const mountPreview = () => { mountModal(<VideoPreviewContainer />); };
 
-  return <JoinVideoButton {...{ handleJoinVideo: mountPreview, handleCloseVideo, isSharingVideo, isDisabled, ...restProps }} />;
+  return !isMobileNative && <JoinVideoButton {...{ handleJoinVideo: mountPreview, handleCloseVideo, isSharingVideo, isDisabled, ...restProps }} />;
 };
 
 export default withModalMounter(injectIntl(withTracker(() => ({
@@ -28,4 +29,5 @@ export default withModalMounter(injectIntl(withTracker(() => ({
   isSharingVideo: VideoButtonService.isSharingVideo(),
   isDisabled: VideoButtonService.isDisabled(),
   videoShareAllowed: VideoButtonService.videoShareAllowed(),
+  isMobileNative: navigator.userAgent.toLowerCase().includes('bbbnative'),
 }))(JoinVideoOptionsContainer)));