interface WaitingRoomModalOptions {
    isWaitingModalVisible: boolean;
    onWaitingRoomClose: (() => void);
    waitingRoomCounter: number;
    onWaitingRoomFilterChange: ((filter: string) => void);
    waitingRoomList: WaitingRoomParticipant[];
    updateWaitingList: ((updatedList: WaitingRoomParticipant[]) => void);
    roomName: string;
    socket: Socket<DefaultEventsMap, DefaultEventsMap>;
    position?:
        | "center"
        | "topLeft"
        | "topRight"
        | "bottomLeft"
        | "bottomRight";
    backgroundColor?: string;
    parameters: WaitingRoomModalParameters;
    onWaitingRoomItemPress?: RespondToWaitingType;
    style?: object;
    renderContent?: ((options: {
        defaultContent: Element;
        dimensions: {
            width: number;
            height: number;
        };
    }) => Element);
    renderContainer?: ((options: {
        defaultContainer: Element;
        dimensions: {
            width: number;
            height: number;
        };
    }) => ReactNode);
}

Properties

isWaitingModalVisible: boolean

Flag to control the visibility of the modal.

onWaitingRoomClose: (() => void)

Callback function to handle the closing of the modal.

waitingRoomCounter: number

Initial count of participants in the waiting room.

onWaitingRoomFilterChange: ((filter: string) => void)

Function to handle changes in the search input.

waitingRoomList: WaitingRoomParticipant[]

List of participants in the waiting room.

updateWaitingList: ((updatedList: WaitingRoomParticipant[]) => void)

Function to update the waiting room list.

roomName: string

Name of the room.

socket: Socket<DefaultEventsMap, DefaultEventsMap>

Socket instance for real-time communication.

position?:
    | "center"
    | "topLeft"
    | "topRight"
    | "bottomLeft"
    | "bottomRight"

Position of the modal on the screen. Possible values: 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'center'. Defaults to 'topRight'.

backgroundColor?: string

Background color of the modal. Defaults to '#83c0e9'.

Additional parameters for the modal.

onWaitingRoomItemPress?: RespondToWaitingType

Function to handle participant item press. Defaults to respondToWaiting.

style?: object

Optional custom style for the modal container.

renderContent?: ((options: {
    defaultContent: Element;
    dimensions: {
        width: number;
        height: number;
    };
}) => Element)

Custom render function for modal content.

renderContainer?: ((options: {
    defaultContainer: Element;
    dimensions: {
        width: number;
        height: number;
    };
}) => ReactNode)

Custom render function for the modal container.