sfm-uikit-react-native/src/view/EnxLobbyView.js

It is a react native component for SmartFloMeet users.

import React, { Component } from "react";
import { styles } from "../style/EnxVideoViewStyle";
import {View,Image,Text,TouchableOpacity} from "react-native";
import {EnxVideoView} from "../view/EnxVideoView"
class EnxLobbyView extends Component {
    constructor(props) {
        super(props);
        this.state={
            isVisible:false,
            selfName: this.props.selfName,
            placeHolderImage:require("../image_asset/profile_place_holder.png"),
            disconnectImage: require("../image_asset/end_call_new.png"),
            

        }
      }
    
     
    
      render() {
        return (
          <View style={{flex: 1,
            flexDirection: 'column',
            justifyContent: 'space-between',backgroundColor:'#D3D3D3' }}>
              
            <View style={{}}>
            <Image
              source={this.state.placeHolderImage}
              style={{ width: 150,margin:40, alignSelf: "center", height: 150, }}
            />  
              <Text style={styles.welcome}> Welcome </Text>
            <Text style={styles.simpleText}>Please wait for organiser to let you into th call. </Text>
            </View>
            <TouchableOpacity
                underlayColor="transparent"
                onPress={() => { this.props.disConnected()}}

              >
                <Image
                  source={this.state.disconnectImage}
                  style={{ width: 45,  height: 45,  alignSelf: 'center',
                  bottom: 35}}
                />

              </TouchableOpacity>
          </View>
        );
      }
}



export default EnxLobbyView;