Skip to content

Implement ExperimentExclusionsTableComponent #2595

@zackcl

Description

@zackcl

Description:
Create a table component to display experiment exclusion lists in the experiment details page Design tab, similar to the existing FeatureFlagExclusionsTableComponent.

Requirements:

  • Use the existing CommonDetailsParticipantListTableComponent
  • Data Source: Get exclusion data from experiment segment exclusion (experiment.experimentSegmentExclusion)
  • Table Type: Set tableType to LIST_FILTER_MODE.EXCLUSION
  • Actions: Support row actions for edit/delete (log actions for future implementation)
  • Empty State: Show "No exclude lists for this experiment. No participants will be excluded from the experiment."
  • Loading State: Show loading spinner when experiment data is being fetched

Implementation Notes:

  • Follow the pattern of FeatureFlagExclusionsTableComponent
  • Component should emit row action events to parent component
  • May need to create/modify experiment service selectors for exclusion data (similar to selectFeatureFlagExclusions$)

Questions to clarify:

  • How is experiment exclusion data structured? Does it follow the same pattern as feature flag exclusions?
  • Are there experiment service selectors available for exclusion data or do they need to be created?

Acceptance Criteria:

  • Component uses CommonDetailsParticipantListTableComponent
  • Displays experiment exclusion data correctly
  • Row actions work and emit events to parent
  • Empty state message matches requirements
  • Loading state is handled properly
  • Follows pattern established by FeatureFlagExclusionsTableComponent

Screenshot:
Image

Figma link:
https://www.figma.com/design/SN58AVPDU5DMO5WP2COt5Y/UpGrade-UI-Latest-28--Refinement-?t=zQdZ1BRm5SLNqqhV-1

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done for Release

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions