Skip to content

refactor(ui): v2 new layout for flags with analytics#4211

Merged
erka merged 8 commits into
v2from
rd/v2/flags-layout
May 19, 2025
Merged

refactor(ui): v2 new layout for flags with analytics#4211
erka merged 8 commits into
v2from
rd/v2/flags-layout

Conversation

@erka

@erka erka commented May 16, 2025

Copy link
Copy Markdown
Contributor

image

image

@codecov

codecov Bot commented May 16, 2025

Copy link
Copy Markdown

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (v2@2a35168). Learn more about missing BASE report.

Additional details and impacted files
@@          Coverage Diff          @@
##             v2    #4211   +/-   ##
=====================================
  Coverage      ?   48.76%           
=====================================
  Files         ?      120           
  Lines         ?    12358           
  Branches      ?        0           
=====================================
  Hits          ?     6026           
  Misses        ?     5859           
  Partials      ?      473           
Flag Coverage Δ
unittests 48.76% <ø> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@erka
erka force-pushed the rd/v2/flags-layout branch 2 times, most recently from 31576d7 to 43eb252 Compare May 16, 2025 17:55
@erka

erka commented May 16, 2025

Copy link
Copy Markdown
Contributor Author

@markphelps somehow I can't find colors that I would prefer. Maybe you have some ideas.

@markphelps

Copy link
Copy Markdown
Collaborator

CleanShot 2025-05-18 at 17 02 39@2x
CleanShot 2025-05-18 at 17 02 22@2x

@erka I change the disabled/false colors to orange and added back the bg as i quite like how the bg looks for those badges

I also expanded the sparkline width to take up a bit more space in the row

@markphelps

Copy link
Copy Markdown
Collaborator

I also updated SegmentTable

One thing still left to do is make the segment key on the Segment details page look like the one on the Flag details page

CleanShot 2025-05-18 at 17 12 15@2x
CleanShot 2025-05-18 at 17 12 06@2x

erka added 2 commits May 19, 2025 11:55
header to show the separator only when remote configuration is
configured

Signed-off-by: Roman Dmytrenko <[email protected]>
@erka
erka marked this pull request as ready for review May 19, 2025 11:16
@erka
erka requested a review from a team as a code owner May 19, 2025 11:16
@dosubot dosubot Bot added the size:L This PR changes 100-499 lines, ignoring generated files. label May 19, 2025
@erka

erka commented May 19, 2025

Copy link
Copy Markdown
Contributor Author

@markphelps Thank you for helping out with this. I changed the Segment page. I did a small tweak for a header separator so it shows only when a remote configuration is defined.

@markphelps

Copy link
Copy Markdown
Collaborator

Hey @erka , looks good! Although im seeing the seperator always even when the sidebar is still showing, is that intentional?

CleanShot 2025-05-19 at 09 54 48@2x

@erka
erka merged commit 28fbf4b into v2 May 19, 2025
@erka
erka deleted the rd/v2/flags-layout branch May 19, 2025 13:59
markphelps added a commit that referenced this pull request May 19, 2025
…v2-branch-1

* 'v2-branch-1' of https://github.com/flipt-io/flipt:
  fix(ui/v2): fix the header separator and analytics tooltip on Flags page (#4226)
  refactor(ui): v2 new layout for flags with analytics (#4211)
  chore: run gopls modernize (#4213)
  feat: port over redis cluster and prefix (#4212)
@erka erka added the v2 Flipt v2 label May 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L This PR changes 100-499 lines, ignoring generated files. v2 Flipt v2

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants