Function PreJoinPage

Example

import React from 'react';
import { PreJoinPage } from 'mediasfu-reactjs';
import { JoinLocalRoomOptions } from 'mediasfu-reactjs';

const App = () => {
  const showAlertFunction = (message: string) => console.log(message);
  const updateLoadingFunction = (visible: boolean) => console.log(`Loading: ${visible}`);
  const connectSocketFunction = () => {}; // Connect socket function
  const updateSocketFunction = (socket: Socket) => {}; // Update socket function
  const updateValidatedFunction = (validated: boolean) => {}; // Update validated function
  const updateApiUserNameFunction = (userName: string) => {}; // Update API username function
  const updateApiTokenFunction = (token: string) => {}; // Update API token function
  const updateLinkFunction = (link: string) => {}; // Update link function
  const updateRoomNameFunction = (roomName: string) => {}; // Update room name function
  const updateMemberFunction = (member: string) => {}; // Update member function

  return (
    <PreJoinPage
      parameters={{
        showAlert: showAlertFunction,
        updateIsLoadingModalVisible: updateLoadingFunction,
        connectSocket: connectSocketFunction,
        updateSocket: updateSocketFunction,
        updateValidated: updateValidatedFunction,
        updateApiUserName: updateApiUserNameFunction,
        updateApiToken: updateApiTokenFunction,
        updateLink: updateLinkFunction,
        updateRoomName: updateRoomNameFunction,
        updateMember: updateMemberFunction,
        imgSrc: "https://example.com/logo.png"
      }}
      credentials={{
        apiUserName: "user123",
        apiKey: "apikey123"
      }}
     returnUI={true} 
     noUIPreJoinOptions={{
     action: "create",
     capacity: 10,
     duration: 15,
     eventType: "broadcast",
     userName: "Prince",
     }}
     connectMediaSFU={true}
     localLink="http://localhost:3000"
    />
  );
};


export default App;
Copy