Skip to content

feat(ui/dashboard): show selected user segments in a popover - #2785

Merged
t-kikuc merged 1 commit into
mainfrom
feat/rule-clauses-segments-popover
Sep 2, 2026
Merged

feat(ui/dashboard): show selected user segments in a popover#2785
t-kikuc merged 1 commit into
mainfrom
feat/rule-clauses-segments-popover

Conversation

@steveninhle

@steveninhle steveninhle commented Aug 25, 2026

Copy link
Copy Markdown
Collaborator

Summary

RuleClausesForm (shared by Feature Flag Details → Targeting rules) showed every selected user segment as an always-expanded list of links under the segment dropdown, which took up a lot of vertical space when many segments were selected.

Replaced the inline list with a compact "N user segments selected" trigger that opens a popover listing the segments

image -> image

@steveninhle
steveninhle marked this pull request as ready for review August 26, 2026 02:46
@t-kikuc
t-kikuc requested a balanced review from Copilot August 28, 2026 07:18

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Replaces the expanded selected-segment list with a compact popover.

Changes:

  • Adds a selected-segment count trigger and popover.
  • Supports removing segments from the popover.
  • Adds English and Japanese count translations.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File Description
rule-clauses-form/index.tsx Adds the segment popover UI.
@locales/en/common.json Adds English count labels.
@locales/ja/common.json Adds Japanese count labels.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx Outdated

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated no new comments.

Suppressed comments (1)

ui/dashboard/src/elements/rule-clauses-form/index.tsx:595

  • This icon-only removal button has no accessible name, so screen-reader users cannot identify its action or which segment it removes. Add a localized aria-label that includes item.name (for example, “Remove {{name}}”).
                                          <button
                                            type="button"

@steveninhle
steveninhle force-pushed the feat/rule-clauses-segments-popover branch from 0873861 to 7afcdd2 Compare August 28, 2026 07:40
@t-kikuc
t-kikuc requested a balanced review from Copilot August 28, 2026 08:28

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx
Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx
@steveninhle
steveninhle force-pushed the feat/rule-clauses-segments-popover branch from 7afcdd2 to 1173c24 Compare August 28, 2026 09:59

@t-kikuc t-kikuc left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you

Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx Outdated
Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx Outdated
Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx Outdated
Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx Outdated
Comment thread ui/dashboard/src/elements/rule-clauses-form/index.tsx Outdated

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated no new comments.

@t-kikuc
t-kikuc merged commit d411823 into main Sep 2, 2026
4 checks passed
@t-kikuc
t-kikuc deleted the feat/rule-clauses-segments-popover branch September 2, 2026 03:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants