RequestsModal class

RequestsModal displays a modal window containing a list of requests and provides search and filter functionality. The modal allows users to accept or reject each request using real-time actions through a socket connection.

Parameters:

• options (RequestsModalOptions): A configuration object with properties:
  • isRequestsModalVisible (bool): Controls modal visibility.
  • onRequestClose (VoidCallback): Closes the modal.
  • requestCounter (int): Count of active requests, displayed in the header.
  • onRequestFilterChange (Function): Updates the filter query for the request list.
  • requestList (List): List of current requests to display.
  • onRequestItemPress (RespondToRequestsType): Callback for handling request item actions.
  • updateRequestList (Function): Updates the list of requests.
  • roomName (String): Name of the room associated with the requests.
  • socket (io.Socket): Socket instance for emitting responses.
  • backgroundColor (Color): Background color of the modal.
  • position (String): Controls the modal position on the screen (e.g., 'topRight').
  • parameters (RequestsModalParameters): Additional parameters.
  • renderRequestComponent (RenderRequestComponentType): Function to render each request item.

Example:

RequestsModal(
  options: RequestsModalOptions(
    isRequestsModalVisible: true,
    onRequestClose: () => print('Modal closed'),
    requestCounter: 5,
    onRequestFilterChange: (query) => print('Filtering requests with: $query'),
    requestList: [Request(id: '1', name: 'John', icon: 'fa-microphone')],
    updateRequestList: (newList) => setState(() => requests = newList),
    roomName: 'MainRoom',
    socket: socket,
    position: 'topRight',
    parameters: {},
  ),
);

Workflow:

1. Visibility: The isRequestsModalVisible controls whether the modal is shown.
2. Filtering: Text input filters requests via onRequestFilterChange.
3. Request List: Each request is rendered using renderRequestComponent, which supports custom UI.