next.js
91cfa647 - [DevTools] create error state for indicator (#74717)

Commit
1 year ago
[DevTools] create error state for indicator (#74717) # Add Issue Count Indicator to Next.js Dev Tools Logo ### What? Adds a visual indicator showing the number of issues in the Next.js dev tools logo. The logo now displays a red circle with the issue count when there are active issues, and changes color to indicate error states. ![CleanShot 2025-01-09 at 18 19 35@2x](https://github.com/user-attachments/assets/c633843f-597f-4056-bb2a-1669765976eb) ### Why? Improves developer experience by providing immediate visual feedback about the presence and number of issues without requiring interaction with the dev tools panel. ### How? - Created a new `NextLogo` component with issue count display - Added Storybook stories to showcase different states (no issues, single issue, multiple issues) - Implemented dynamic styling based on issue count - Added a red circular badge that appears when issues are present - Updated the logo colors to reflect error states
Author
Parents
Loading