Variable WaitingRoomModal`Const`

WaitingRoomModal: React.FC<WaitingRoomModalOptions> = ...

WaitingRoomModal is a React Native functional component that displays a modal containing a list of participants who are waiting to join a room. Users can filter, accept, or reject participants from the waiting list.

Component

Param: props

The properties for the WaitingRoomModal component.

Returns

The rendered WaitingRoomModal component.

Example

import React from 'react';
import { WaitingRoomModal } from 'mediasfu-reactnative-expo';

function App() {
  const waitingRoomList = [
    { id: 1, name: 'John Doe' },
    { id: 2, name: 'Jane Smith' },
  ];

  const handleWaitingRoomItemPress = ({ participantId, type }) => {
    console.log(`Participant ID ${participantId} was ${type ? 'accepted' : 'rejected'}`);
  };

  return (
    <WaitingRoomModal
      isWaitingModalVisible={true}
      onWaitingRoomClose={() => console.log('Modal closed')}
      waitingRoomCounter={waitingRoomList.length}
      onWaitingRoomFilterChange={(filter) => console.log('Filter applied:', filter)}
      waitingRoomList={waitingRoomList}
      updateWaitingList={(updatedList) => console.log('Updated list:', updatedList)}
      roomName="Main Room"
      socket={socketInstance}
      onWaitingRoomItemPress={handleWaitingRoomItemPress}
      backgroundColor="#83c0e9"
      position="topRight"
      parameters={{
        getUpdatedAllParams: () => ({ filteredWaitingRoomList: waitingRoomList }),
      }}
    />
  );
}
export default App;