Skip to content
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.

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

chore: flag overview page redesign - environments #8683

Merged
merged 7 commits into from
Nov 8, 2024

Conversation

nunogois
Copy link
Member

@nunogois nunogois commented Nov 6, 2024

https://linear.app/unleash/issue/2-2826/enabling-environment-via-feature-flag-environment-section-header
https://linear.app/unleash/issue/2-2825/feature-flag-list-bottom-left-to-be-a-nav-section

Follow-up to: #8663

Implements most of the remaining work for our flag overview page redesign.

Most of the code you see is a straight copy/paste from our older existing components, with the slight improvement here and there.

Includes some improvements to our vertical tabs component to suit our use case.
Also updates the Demo flow accordingly. I did some manual tests and it seems to work decently in both scenarios, whether flagOverviewRedesign is enabled or not. The demo needs some love but that's a story for a different PR and a different time.

Once again, due to the duplicate file pattern, we should remember to clean this up if we decide to remove the flag.

image

Copy link

vercel bot commented Nov 6, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
unleash-monorepo-frontend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 7, 2024 5:39pm
1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
unleash-docs ⬜️ Ignored (Inspect) Visit Preview Nov 7, 2024 5:39pm

Copy link
Contributor

github-actions bot commented Nov 6, 2024

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

OpenSSF Scorecard

PackageVersionScoreDetails

Scanned Files

@@ -40,6 +40,7 @@ describe('demo', () => {
res.body.flags = {
...res.body.flags,
demo: true,
flagOverviewRedesign: true,
Copy link
Contributor

Choose a reason for hiding this comment

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

What's the implications of this?

Copy link
Member Author

Choose a reason for hiding this comment

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

This makes the demo e2e tests, that we only run manually and rarely, use the new flag overview page redesign.

@@ -227,7 +227,6 @@ export const deleteFeatureStrategy_UI = (
},
).as('deleteUserStrategy');
cy.visit(`/projects/${project}/features/${featureToggleName}`);
cy.get('[data-testid=FEATURE_ENVIRONMENT_ACCORDION_development]').click();
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this in combination with the demo.ts change of adding the feature flag that we enable the flag to do the test, so we are only testing the new UI and not the old UI?

Copy link
Member Author

Choose a reason for hiding this comment

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

Copy link
Contributor

@daveleek daveleek left a comment

Choose a reason for hiding this comment

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

Nice one, big task! 😅

Copy link
Member

@chriswk chriswk left a comment

Choose a reason for hiding this comment

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

I see you have a 👍 from David already, but I'll add mine as well. Kudos on doing this 🥇

@nunogois nunogois merged commit b4fde58 into main Nov 8, 2024
11 checks passed
@nunogois nunogois deleted the chore-flag-overview-page-redesign-environments branch November 8, 2024 09:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

3 participants