✨ Enhancement: Bowtie Cross Column Icon
Tools without Bowtie integration showed a cross (❌) icon, suggesting an error or problem.
Description:-
These tools should show an information (ℹ️) icon, indicating that additional information is available.
The change has been tested to ensure proper rendering in both light and dark modes, and across different screen sizes.
How i fixed this:-
-
Created a new SVG icon file:
- Added
/public/icons/icons8-info.svgwith standard info icon design - Ensured the icon uses
stroke="currentColor"to inherit theme colors - Matched styling attributes with other icons in the interface
- Added
-
Updated the ToolingTable component:
- Modified import statement from CancelIcon to InfoIcon
- Updated the conditional rendering to use the info icon
- Matched styling with the rest of the icons for visual consistency
Files Modified
/pages/tools/components/ToolingTable.tsx- Added
/public/icons/icons8-info.svg
Are you working on this?
Yes
Hey @chauhan-varun , the cross icon isn't suggesting any sort of error/problem it is simply depicting that there isn't any Bowtie integration to this tool. Also please refrain yourself raising any sort of PR before the issue gets accepted by JSON Schema maintainers.
Hey @Utkarsh-123github , You're right the cross icon isn't showing an error — it's just indicating that there's no Bowtie integration. Still, the cross doesn’t quite look right, don’t you think? It might give the wrong impression. An info icon would probably fit better in this case.
@chauhan-varun this is a design topic which can initially be discussed, so I think you should wait for the reply of team before raising any sort of PR as per contribution guidelines :)
Hey @DhairyaMajmudar , Kindly take a look at this issue. I’ve already resolved it—please review the changes I made. Thankyou 🙏
This is great addition thanks!! Lets fix it. Are you interested on implementing it?