-
-
Notifications
You must be signed in to change notification settings - Fork 32
feat: better error message display #1222
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
base: main
Are you sure you want to change the base?
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
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 refactors the error message display mechanism from a JavaScript DOM manipulation approach to a React-based ErrorBoundary component, improving code maintainability and consistency.
Key Changes:
- Replaced DOM injection error handling with React ErrorBoundary from @sentry/react
- Created a new ErrorFallback component to display user-friendly error messages
- Moved gradient background styling from TelemetryView to App component for consistent error screen appearance
Reviewed changes
Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| packages/spotlight/src/ui/App.tsx | Added ErrorBoundary with ErrorFallback component and moved gradient background wrapper to encompass error states |
| packages/spotlight/src/ui/telemetry/components/TelemetryView.tsx | Removed gradient background div wrapper (moved to App) and replaced with React Fragment |
| packages/spotlight/src/electron/main/index.ts | Removed JavaScript-based error screen DOM injection logic and showErrorMessage function |
| packages/spotlight/index.html | Removed CSS styles previously used for JavaScript-injected error screen |
| .changeset/orange-hands-smile.md | Added changeset documenting the error message display update |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
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.
this looks good, could you pls attach an image of how it looks like to de description?
|
Updated the PR description with the video |
Preview of how this will look, this will be shown on both web and electron app
Screen.Recording.2025-12-24.at.4.50.34.PM.mov