diff --git a/openvidu-react-native/App.js b/openvidu-react-native/App.js index 2af10a1c..c0b33d5f 100644 --- a/openvidu-react-native/App.js +++ b/openvidu-react-native/App.js @@ -31,6 +31,7 @@ export default class App extends Component { speaker: false, joinBtnEnabled: true, isReconnecting: false, + connected: false, }; } @@ -85,7 +86,7 @@ export default class App extends Component { } } - joinSession() { + joinSession(role) { // --- 1) Get an OpenVidu object --- this.OV = new OpenVidu(); @@ -97,6 +98,7 @@ export default class App extends Component { { joinBtnEnabled: false, session: this.OV.initSession(), + role, }, async () => { const mySession = this.state.session; @@ -191,6 +193,7 @@ export default class App extends Component { }, ); } + this.setState({ connected: true }); } catch (error) { console.log('There was an error connecting to the session:', error.code, error.message); this.setState({ @@ -242,6 +245,7 @@ export default class App extends Component { mainStreamManager: undefined, publisher: undefined, joinBtnEnabled: true, + connected: false, }); }); } @@ -308,30 +312,36 @@ export default class App extends Component { render() { return ( - {this.state.mainStreamManager && this.state.mainStreamManager.stream ? ( + {this.state.connected ? ( - - Session: {this.state.mySessionId} - {this.getNicknameTag(this.state.mainStreamManager.stream)} - - + {this.state.mainStreamManager && this.state.mainStreamManager.stream && ( + + Session: {this.state.mySessionId} + {this.getNicknameTag(this.state.mainStreamManager.stream)} + + + )} +