Skip to content

feat: [REL-9741 add starred flags functionality to the toolbar #251

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

feat: [REL-9741 add starred flags functionality to the toolbar #251

wants to merge 4 commits into from

Conversation

@pranjal-jately-ld
Copy link
Contributor

@pranjal-jately-ld pranjal-jately-ld commented Oct 30, 2025 •
edited by launchdarkly-upra bot
Loading

Description

Adds the ability to star and filter flags.

What does this PR do?

This PR implements a flag filtering and starring system for the toolbar, allowing developers to easily organize and manage their feature flags.

Key Features

  1. Filter Tabs Component: Created a new FilterTabs component that provides three
    filtering modes:

    • All: Shows all available flags
    • Overrides: Shows only flags with overrides set
    • Starred: Shows only flags marked as favorites

  2. Starred Flags Functionality:

    • Users can now star/favorite flags for quick access
    • Starred flags persist in localStorage across sessions
    • New StarredFlagsProvider context manages starred state
    • Added StarButton component with visual feedback (filled/outline icons)

  3. Clear Actions:

    • Clear all overrides with a single click (shows count)
    • Clear all starred flags with a single click (shows count)
    • Extracted reusable ClearButton component

Type of Change

  • 🐛 Bug fix (non-breaking change that fixes an issue)
  • ✨ New feature (non-breaking change that adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 📚 Documentation (changes to documentation only)
  • 🔧 Refactor (code change that neither fixes a bug nor adds a feature)
  • 🎨 Style (formatting, missing semicolons, etc; no production code change)
  • ⚡ Performance (code change that improves performance)
  • ✅ Test (adding missing tests, refactoring tests; no production code change)
  • 🔨 Chore (updating grunt tasks, build process, etc; no production code change)

Screenshots/Videos

image image image

Related Jira issue: REL-9741: Add support for pinning flags at the top of the list

@pranjal-jately-ld
feat: add starred flags functionality to the toolbar
f423f18
@pranjal-jately-ld
feat: implement filter tabs for flag management in the toolbar
6cab550 
- Added FilterTabs component to allow users to filter flags by 'All', 'Overrides', and 'Starred'.
- Integrated filtering logic into FlagDevServerTabContent and FlagSdkOverrideTabContent components.
- Updated StarredFlagsProvider to include clearAllStarred and starredCount functionalities.
- Introduced ClearButton for clearing filters with appropriate styles.
- Enhanced user experience by providing contextual help messages based on active filters.
@pranjal-jately-ld
test: add unit tests for FilterTabs and StarredFlagsProvider components
263ea04
@pranjal-jately-ld pranjal-jately-ld force-pushed the pjately/REL-9741-star-flags branch from 3a2aa6b to 263ea04 Compare October 30, 2025 23:23
@pranjal-jately-ld pranjal-jately-ld marked this pull request as draft October 31, 2025 09:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@pranjal-jately-ld