Skip to content

feat(deployment-rules): implement create, edit, and index routes for deployment rules#2474

Open
TheoGrandin74 wants to merge 2 commits intonew-navigationfrom
feat/new-nav/deployment-rules
Open

feat(deployment-rules): implement create, edit, and index routes for deployment rules#2474
TheoGrandin74 wants to merge 2 commits intonew-navigationfrom
feat/new-nav/deployment-rules

Conversation

@TheoGrandin74
Copy link
Contributor

@TheoGrandin74 TheoGrandin74 commented Mar 13, 2026

Summary

  • Deployment rule page, edit and create added to console-v5
  • Simplified structure to have everything in two files
  • Tests updated
  • Suspense/skeleton added

Empty state
image

List
image

Create/edit
image

Screenshots / Recordings

Testing

  • Changes tested locally in the relevant Console's pages and Storybooks
  • yarn test or yarn test -u (if you need to regenerate snapshots)
  • yarn format
  • yarn lint

PR Checklist

  • I followed naming, styling, and TypeScript rules (see .cursor/rules)
  • I performed a self-review (diff inspected, dead code removed)
  • I titled the PR using Conventional Commits with a scope when possible (e.g. feat(service): add new Terraform service) - required for semantic-release
  • I only kept necessary comments, written in English (watch for useless AI comments)
  • I involved a designer to validate UI changes if I am not a designer
  • I covered new business logic with tests (unit)
  • I confirmed CI is green (Codecov red can be accepted)
  • I reviewed and executed locally any AI-assisted code

@RemiBonnet
Copy link
Member

Qovery Preview

Qovery can create a Preview Environment for this PR.
To trigger its creation, please post a comment with one of the following command.

Command Blueprint environment
/qovery preview 15d69f24-9bc1-4a8d-80fe-d1bb1b2bcd00 New Navigation
/qovery preview {all|UUID1,UUID2,...} To preview multiple environments

This comment has been generated from Qovery AI 🤖.
Below, a word from its wisdom :

Make it work, make it right, make it fast

@codecov
Copy link

codecov bot commented Mar 13, 2026

Codecov Report

❌ Patch coverage is 52.41935% with 59 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (new-navigation@28b7a13). Learn more about missing BASE report.

Files with missing lines Patch % Lines
...ure/src/lib/deployment-rules/deployement-rules.tsx 47.45% 22 Missing and 9 partials ⚠️
...it-deployment-rule/create-edit-deployment-rule.tsx 57.81% 26 Missing and 1 partial ⚠️
...list-deployment-rules/use-list-deployment-rules.ts 0.00% 1 Missing ⚠️
Additional details and impacted files
@@                Coverage Diff                @@
##             new-navigation    #2474   +/-   ##
=================================================
  Coverage                  ?   43.34%           
=================================================
  Files                     ?      686           
  Lines                     ?    15528           
  Branches                  ?     4535           
=================================================
  Hits                      ?     6731           
  Misses                    ?     7587           
  Partials                  ?     1210           
Flag Coverage Δ
unittests 43.34% <52.41%> (?)

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.

Copy link
Member

@RemiBonnet RemiBonnet left a comment

Choose a reason for hiding this comment

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

Thanks @TheoGrandin74, here my small feedback:

  • You don't have the same container between the list and the edit, you probably have an padding inside the edit
Image Image
  • (optional) could you add the props alignement top for this toggle?
Image

})

function RouteComponent() {
return <EditDeploymentRule />
Copy link
Member

Choose a reason for hiding this comment

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

I think you need to add the page title inside this view

})

function RouteComponent() {
return <CreateDeploymentRule />
Copy link
Member

Choose a reason for hiding this comment

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

Same here, missing a page title

})

function RouteComponent() {
return <DeploymentRules />
Copy link
Member

Choose a reason for hiding this comment

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

Same here, missing a page title

: {}

return (
<>
Copy link
Member

Choose a reason for hiding this comment

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

You can remove this Fragment <>

}

export function PageCreateEditDeploymentRule(props: PageCreateEditDeploymentRuleProps) {
export function CreateEditDeploymentRule(props: CreateEditDeploymentRuleProps) {
Copy link
Member

@RemiBonnet RemiBonnet Mar 13, 2026

Choose a reason for hiding this comment

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

Could you add in this component a loading state for the button when you submit the form? 🙏

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.

2 participants