-
Notifications
You must be signed in to change notification settings - Fork 3
Show resource errors popover for MCP #215
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
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pull Request Overview
This PR implements a resource errors popover for MCP (Managed Control Plane) resources, enhancing the user interface to display detailed error information when resource statuses are not healthy.
- Adds
messageandreasonfields to various API type definitions for better error reporting - Replaces the simple
ResourceStatusCellwith a new interactiveResourceStatusCellWithButtoncomponent that shows detailed error information in a popover - Improves type safety by removing
anytypes and adding proper TypeScript interfaces
Reviewed Changes
Copilot reviewed 12 out of 12 changed files in this pull request and generated 3 comments.
Show a summary per file
| File | Description |
|---|---|
| src/lib/api/types/flux/listKustomization.ts | Adds message and reason fields to condition types |
| src/lib/api/types/flux/listGitRepo.ts | Adds optional message and reason fields to condition types |
| src/lib/api/types/crossplane/listProviders.ts | Adds optional message and reason fields to condition types |
| src/lib/api/types/crossplane/listManagedResources.ts | Adds optional message and reason fields to condition types |
| src/components/Yaml/YamlViewButton.tsx | Adds debug console log statement |
| src/components/Shared/ResourceStatusCellWithButton.tsx | New component implementing popover functionality for resource status display |
| src/components/Projects/ProjectsList.tsx | Improves TypeScript types and removes eslint disable comments |
| src/components/ControlPlane/ProvidersConfig.tsx | Adjusts YAML column width |
| src/components/ControlPlane/Providers.tsx | Integrates new status cell component and adds message handling |
| src/components/ControlPlane/ManagedResources.tsx | Integrates new status cell component and adds message handling |
| src/components/ControlPlane/MCPHealthPopoverButton.tsx | Improves TypeScript types and code organization |
| src/components/ControlPlane/FluxList.tsx | Integrates new status cell component and adds message handling |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall nice work 👍 Looking forward to seeing the users' feedback!
I noticed an issue with the new popovers. Here's how to reproduce it:
- Click on icon
A– popoverawill open (✅) - Click on icon
B– popoverawill close, popoverbwill open (✅) - Click on icon
Aagain – nothing (❌ would have expected popoverato open) - Click on icon
Aagain – popoverawill open (✅)
I think we just need to add the onClose prop to fix this.
Otherwise, everything works great from what I can see 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Works well for me now, thanks 🙌👍
What this PR does / why we need it:
Show resource errors popover for MCP
Example:
