Interface WaitingRoomModalOptions

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?: string;
    backgroundColor?: string;
    parameters: WaitingRoomModalParameters;
    onWaitingRoomItemPress?: RespondToWaitingType;
    title?: ReactNode;
    overlayProps?: HTMLAttributes<HTMLDivElement>;
    contentProps?: HTMLAttributes<HTMLDivElement>;
    headerProps?: HTMLAttributes<HTMLDivElement>;
    titleProps?: HTMLAttributes<HTMLDivElement>;
    badgeWrapperProps?: HTMLAttributes<HTMLDivElement>;
    badgeProps?: HTMLAttributes<HTMLSpanElement>;
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    closeIconComponent?: ReactNode;
    bodyProps?: HTMLAttributes<HTMLDivElement>;
    searchWrapperProps?: HTMLAttributes<HTMLDivElement>;
    searchInputProps?: InputHTMLAttributes<HTMLInputElement>;
    waitingListProps?: HTMLAttributes<HTMLDivElement>;
    participantRowProps?: HTMLAttributes<HTMLDivElement>;
    acceptButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    rejectButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    acceptIconComponent?: ReactNode;
    rejectIconComponent?: ReactNode;
    emptyState?: ReactNode | ((context: {
        counter: number;
    }) => ReactNode);
    renderHeader?: ((options: {
        defaultHeader: ReactNode;
        counter: number;
        onClose: (() => void);
    }) => ReactNode);
    renderSearch?: ((options: {
        defaultSearch: ReactNode;
        onFilter: ((value: string) => void);
    }) => ReactNode);
    renderParticipant?: ((options: {
        participant: WaitingRoomParticipant;
        index: number;
        defaultParticipant: ReactNode;
        handleAccept: (() => void);
        handleReject: (() => void);
    }) => ReactNode);
    renderBody?: ((options: {
        defaultBody: ReactNode;
        counter: number;
    }) => ReactNode);
}

Properties

isWaitingModalVisible onWaitingRoomClose waitingRoomCounter onWaitingRoomFilterChange waitingRoomList updateWaitingList roomName socket position? backgroundColor? parameters onWaitingRoomItemPress? title? overlayProps? contentProps? headerProps? titleProps? badgeWrapperProps? badgeProps? closeButtonProps? closeIconComponent? bodyProps? searchWrapperProps? searchInputProps? waitingListProps? participantRowProps? acceptButtonProps? rejectButtonProps? acceptIconComponent? rejectIconComponent? emptyState? renderHeader? renderSearch? renderParticipant? renderBody?

Properties

isWaitingModalVisible

isWaitingModalVisible: boolean

onWaitingRoomClose

onWaitingRoomClose: (() => void)

waitingRoomCounter

waitingRoomCounter: number

onWaitingRoomFilterChange

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

waitingRoomList

waitingRoomList: WaitingRoomParticipant[]

updateWaitingList

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

roomName

roomName: string

socket

socket: Socket<DefaultEventsMap, DefaultEventsMap>

Optionalposition

position?: string

OptionalbackgroundColor

backgroundColor?: string

parameters

parameters: WaitingRoomModalParameters

OptionalonWaitingRoomItemPress

onWaitingRoomItemPress?: RespondToWaitingType

Optionaltitle

title?: ReactNode

OptionaloverlayProps

overlayProps?: HTMLAttributes<HTMLDivElement>

OptionalcontentProps

contentProps?: HTMLAttributes<HTMLDivElement>

OptionalheaderProps

headerProps?: HTMLAttributes<HTMLDivElement>

OptionaltitleProps

titleProps?: HTMLAttributes<HTMLDivElement>

OptionalbadgeWrapperProps

badgeWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalbadgeProps

badgeProps?: HTMLAttributes<HTMLSpanElement>

OptionalcloseButtonProps

closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalcloseIconComponent

closeIconComponent?: ReactNode

OptionalbodyProps

bodyProps?: HTMLAttributes<HTMLDivElement>

OptionalsearchWrapperProps

searchWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalsearchInputProps

searchInputProps?: InputHTMLAttributes<HTMLInputElement>

OptionalwaitingListProps

waitingListProps?: HTMLAttributes<HTMLDivElement>

OptionalparticipantRowProps

participantRowProps?: HTMLAttributes<HTMLDivElement>

OptionalacceptButtonProps

acceptButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalrejectButtonProps

rejectButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalacceptIconComponent

acceptIconComponent?: ReactNode

OptionalrejectIconComponent

rejectIconComponent?: ReactNode

OptionalemptyState

emptyState?: ReactNode | ((context: {
    counter: number;
}) => ReactNode)

OptionalrenderHeader

renderHeader?: ((options: {
    defaultHeader: ReactNode;
    counter: number;
    onClose: (() => void);
}) => ReactNode)

OptionalrenderSearch

renderSearch?: ((options: {
    defaultSearch: ReactNode;
    onFilter: ((value: string) => void);
}) => ReactNode)

OptionalrenderParticipant

renderParticipant?: ((options: {
    participant: WaitingRoomParticipant;
    index: number;
    defaultParticipant: ReactNode;
    handleAccept: (() => void);
    handleReject: (() => void);
}) => ReactNode)

OptionalrenderBody

renderBody?: ((options: {
    defaultBody: ReactNode;
    counter: number;
}) => ReactNode)

Settings

Member Visibility

On This Page

Properties