diff --git a/bigbluebutton-html5/imports/ui/components/app/container.jsx b/bigbluebutton-html5/imports/ui/components/app/container.jsx
index 6ecceb364b..efdb9cdf9b 100644
--- a/bigbluebutton-html5/imports/ui/components/app/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/app/container.jsx
@@ -117,15 +117,7 @@ export default withRouter(injectIntl(withModalMounter(createContainer((
Auth.clearCredentials().then(window.close);
},
});
- Breakouts.find().observeChanges({
- removed() {
- notify('fechou a breakout room');
-
- if(wasInAudio) {
- notify('join audio');
- }
- },
- });
+
return {
closedCaption: getCaptionsStatus() ? : null,
fontSize: getFontSize(),
diff --git a/bigbluebutton-html5/imports/ui/components/audio/container.jsx b/bigbluebutton-html5/imports/ui/components/audio/container.jsx
index 845ac98ee0..8b24cc9e2c 100644
--- a/bigbluebutton-html5/imports/ui/components/audio/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/audio/container.jsx
@@ -2,6 +2,7 @@ import React from 'react';
import { createContainer } from 'meteor/react-meteor-data';
import { withModalMounter } from '/imports/ui/components/modal/service';
import PropTypes from 'prop-types';
+import Breakouts from '/imports/api/2.0/breakouts';
import Service from './service';
import Audio from './component';
import AudioModal from './audio-modal/component';
@@ -26,12 +27,22 @@ export default withModalMounter(createContainer(({ mountModal }) => {
const APP_CONFIG = Meteor.settings.public.app;
const { autoJoinAudio } = APP_CONFIG;
+ const openAudioModal = mountModal.bind(null,
+ );
+
+ Breakouts.find().observeChanges({
+ removed() {
+ openAudioModal();
+ },
+ });
return {
init: () => {
Service.init();
if (!autoJoinAudio || didMountAutoJoin) return;
- mountModal();
+ openAudioModal();
didMountAutoJoin = true;
},
};