feat: add manifest diff in deploy image modal

[AbhishekA1509]

Description

This pull request refactors how deployment configuration diff tabs are defined and used, centralizing their configuration and logic for easier maintenance and consistency across the application. It also introduces support for a "Manifest Output" tab in the pipeline deployment config diff view, including new logic for fetching and displaying manifest data, and improves error and loading state handling for this new view.

Tab configuration centralization:

• Moved deploymentConfigDiffTabs and getDeploymentConfigDiffTabs definitions from DeploymentConfigCompare/utils.ts to Pages/Shared/constants.ts and Pages/Shared/utils.ts, and exposed them via Pages/Shared/index.ts for use throughout the app. [1] [2] [3] [4] [5] [6]

Manifest Output tab support:

• Added logic to usePipelineDeploymentConfig to handle the "Manifest Output" tab, including fetching manifest data for different deployment scenarios and integrating it into the diff view. [1] [2] [3] [4] [5]
• Updated PipelineConfigDiff and its types to support the new tab and conditionally adjust sorting and scope variable configuration based on the active tab. [1] [2] [3] [4]

Enhanced error and loading state handling:

• Improved error and loading state logic to account for the manifest view, ensuring accurate feedback when manifest data is being fetched or encounters errors.

User experience improvements:

• Added help text for the manifest view to clarify its behavior and limitations to users.

These changes make the deployment config diff views more robust, maintainable, and user-friendly.

Fixes https://github.com/devtron-labs/sprint-tasks/issues/2813

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

QA

Checklist:

• The title of the PR states what changed and the related issues number (used for the release note).
• Does this PR require documentation updates?
• I've updated documentation as required by this PR.
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas

[github-actions]

Some linked issues are invalid. Please update the issue links:\nIssue # in is not found or invalid (HTTP }404).\n

[github-actions]

Some linked issues are invalid. Please update the issue links:\nIssue # in is not found or invalid (HTTP }404).\n

[Copilot]

Pull request overview

This pull request refactors the deployment configuration diff tab infrastructure by centralizing tab definitions and adds support for a "Manifest Output" tab in the pipeline deployment config diff view. The changes improve maintainability by moving shared constants and utilities to a centralized location while adding new functionality for manifest comparison.

Changes:

• Centralized deployment config diff tab definitions from component-specific files to Pages/Shared for reusability
• Added manifest output tab functionality with new data fetching logic and error handling
• Enhanced UI to conditionally disable sorting and scope variables for manifest view

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
src/Pages/Shared/constants.ts	New file defining centralized deployment config diff tab constants
src/Pages/Shared/utils.ts	New file with utility function to get tab configuration
src/Pages/Shared/index.ts	Exports for the new shared constants and utilities
src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/DeploymentConfigCompare/utils.ts	Removed tab definitions that were moved to shared location
src/Pages/Applications/DevtronApps/Details/AppConfigurations/MainContent/DeploymentConfigCompare/DeploymentConfigCompare.tsx	Updated imports to use centralized tab definitions
src/components/app/details/triggerView/PipelineConfigDiff/usePipelineDeploymentConfig.ts	Major changes: added manifest data fetching logic, tab configuration, and enhanced error/loading state handling
src/components/app/details/triggerView/PipelineConfigDiff/types.ts	Extended types to include tabConfig and navHelpText properties
src/components/app/details/triggerView/PipelineConfigDiff/PipelineConfigDiff.tsx	Added logic to conditionally disable sorting for manifest view

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud