feat(service-overview): add new ui#2412
Conversation
|
Qovery can create a Preview Environment for this PR.
This comment has been generated from Qovery AI 🤖.
|
…rview, deployment, monitoring, logs, variables, and settings
…servability features and improve UI consistency - Replaced ServiceOverviewFeature with ServiceOverview and added ObservabilityCallout for enhanced observability integration. - Introduced MetricsWebSocketListener for real-time metrics updates. - Updated styling for various components to ensure consistency across the UI. - Refactored error handling and loading states in TerraformResourcesSection and ResourceDetails components. - Enhanced user feedback in ResourceTreeList and AutoDeployBadge components with improved class names and visual cues.
59ed103 to
de66ab5
Compare
… associated tests - Deleted the PodStatusesCallout component and its test file to streamline the codebase. - Removed related snapshot files to ensure no unused artifacts remain. - Updated ServiceOverview to remove references to PodStatusesCallout, improving clarity and maintainability.
- Updated the margin of the job execution information section in the ServiceInstance component to improve layout and visual consistency.
…from index.ts - Removed the export statement for PodStatusesCallout to streamline the codebase following its deletion in a previous commit.
…ences - Consolidated route imports in routeTree.gen.ts by removing unnecessary imports and reorganizing existing ones for better clarity. - Updated ServiceOverview component to eliminate the cluster prop, enhancing its simplicity and focus on relevant data. - Adjusted ResourceDetails component's table styling for improved visual consistency.
...ervice-terraform/feature/src/lib/terraform-resources-section/terraform-resources-section.tsx
Outdated
Show resolved
Hide resolved
libs/domains/services/feature/src/lib/auto-deploy-badge/auto-deploy-badge.tsx
Outdated
Show resolved
Hide resolved
- Adjusted various component snapshots to enhance styling, including updates to table and button classes for better visual consistency. - Replaced instances of `fa-solid` with `fa-regular` for icon classes to align with design standards. - Improved search input button accessibility by adding title and aria-label attributes. - Refactored table components to eliminate unnecessary overflow styles and ensure a more streamlined appearance.
libs/domains/services/feature/src/lib/need-redeploy-flag/need-redeploy-flag.tsx
Outdated
Show resolved
Hide resolved
… handling - Updated routeTree.gen.ts to streamline route imports, adding new routes for better organization and clarity. - Modified AutoDeployBadge and NeedRedeployFlag components to improve parameter handling, ensuring consistency in serviceId usage. - Adjusted PodDetails component styling for improved layout and visual consistency. - Enhanced InstanceMetricsTable and TerraformVariablesLoadingState components for better user experience and accessibility.
- Adjusted the class names in the instance-metrics snapshot to enhance the table layout and visual consistency. - Ensured proper border and rounding styles for table rows to align with design standards.
libs/domains/services/feature/src/lib/service-action-toolbar/service-action-toolbar.tsx
Show resolved
Hide resolved
- Modified table snapshot styles across various components to replace border styles with divide classes for enhanced layout. - Ensured consistent use of thead elements without unnecessary class attributes, aligning with design standards.
libs/domains/services/feature/src/lib/need-redeploy-flag/need-redeploy-flag.spec.tsx
Show resolved
Hide resolved
...s/services/feature/src/lib/application-settings-resources/application-settings-resources.tsx
Outdated
Show resolved
Hide resolved
…up unused queries - Added environment prop to ApplicationSettingsResources for better context handling. - Removed the useEnvironment hook and its associated query to streamline the component. - Updated PageSettingsResources to utilize the environment data directly, enhancing data flow and component clarity.
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 2 potential issues.
Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.
...s/services/feature/src/lib/application-settings-resources/application-settings-resources.tsx
Show resolved
Hide resolved
libs/domains/services/feature/src/lib/service-clone-modal/service-clone-modal.tsx
Show resolved
Hide resolved
Codecov Report❌ Patch coverage is Additional details and impacted files@@ Coverage Diff @@
## new-navigation #2412 +/- ##
=================================================
Coverage ? 43.80%
=================================================
Files ? 975
Lines ? 18917
Branches ? 5562
=================================================
Hits ? 8287
Misses ? 9114
Partials ? 1516
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
…ew and enhance tests - Added NeedRedeployFlag component to ServiceOverview for improved service management visibility. - Updated tests for NeedRedeployFlag to verify serviceId is passed correctly from route parameters. - Mocked NeedRedeployFlag in ServiceOverview tests to ensure proper rendering and integration.
…prove component rendering - Refactored the ServiceOverview component to enhance layout and readability by restructuring JSX elements. - Integrated NeedRedeployFlag more effectively within the component. - Improved conditional rendering for database metrics and instances, ensuring clearer presentation of service information. - Updated sections for last deployment and output variables to maintain consistency across different service types.
Summary
Add new page Service Overview
Missing two points:
Screenshots / Recordings
https://www.loom.com/share/57f1ff51d3a24dc28b9e332cb519fad7
Testing
yarn testoryarn test -u(if you need to regenerate snapshots)yarn formatyarn lintPR Checklist
.cursor/rules)feat(service): add new Terraform service) - required for semantic-releaseNote
Medium Risk
Touches routing/navigation and migrates several service UI components from
react-router-domto@tanstack/react-router, which can break deep links or param handling if miswired. The rest is largely UI refactors and component reshaping with updated tests/snapshots.Overview
Adds a new service-level route hierarchy under
/organization/$organizationId/project/$projectId/environment/$environmentId/service/$serviceId, including an index redirect to a newoverviewpage, and wires it into the generatedrouteTreeplus a newservicenavigation context with dedicated tabs.Introduces the new
ServiceOverviewUI (exported from@qovery/domains/services/feature) with optional observability callout, Terraform resources panel, and metrics WebSocket listening; updates service list links and several service components to use@tanstack/react-routerparams/navigation.Refactors Terraform resources/trees and various service widgets to new design tokens/components (
EmptyState,InputSearch, table styling), adjusts commit-fetching hooks to support conditional querying, and removes legacyServiceDetailsandPodStatusesCallout(with snapshot/test updates).Written by Cursor Bugbot for commit e82b3b6. This will update automatically on new commits. Configure here.