Skip to main content

Function: InflowListContainer()

InflowListContainer(__namedParameters): any

A container component that provides a complete inflow management interface

Parameters​

__namedParameters​

InflowListContainerProps

Returns​

any

Description​

This component serves as a high-level container for managing and displaying inflows. It combines search functionality, pagination, and the inflow card list with additional features like tag filtering and hover effects.

Features:

  • Search functionality for inflows
  • Pagination controls with dynamic page number display
  • Tag filtering system
  • Customizable layout options
  • Loading states
  • Hover effects with configurable intensity
  • Responsive design
  • Optimized performance with memoization

Example​

<InflowListContainer
  inflows={inflows}
  isLoading={isLoading}
  currentUserId={currentUser.id}
  onEdit={handleEdit}
  onDelete={handleDelete}
  onSearch={handleSearch}
  onPaginationChange={handlePageChange}
  pagination={{
    page: 1,
    limit: 10,
    total: 100,
    pageCount: 10
  }}
  selectedTags={selectedTags}
  onTagSelect={handleTagSelect}
  onTagRemove={handleTagRemove}
/>