Enhance Tooltip component by adding CircleHelp icon and fix instructions in script component #910
+12
−8
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
✍️ Description
Provide a summary of the changes made and/or reference the issue being addressed.
This pull request includes changes to improve the user interface and functionality of the script items in the application. The most important changes include modifying the conditions for displaying installation instructions, updating the tooltip components, and adding a new icon to the tooltip badges.
Changes to installation instructions:
frontend/src/app/scripts/_components/ScriptItem.tsx
: Modified the condition to display "How to install" or "How to use" based on theitem.type
value.frontend/src/app/scripts/_components/ScriptItems/InstallCommand.tsx
: Updated the condition and text for displaying instructions based on theitem.type
value.Updates to tooltip components:
frontend/src/app/scripts/_components/ScriptItems/Tooltips.tsx
: Imported theCircleHelp
icon fromlucide-react
.frontend/src/app/scripts/_components/ScriptItems/Tooltips.tsx
: Added theCircleHelp
icon to theTooltipBadge
component and adjusted the tooltip content's maximum width.🛠️ Type of Change
Please check the relevant options:
✅ Prerequisites
The following steps must be completed for the pull request to be considered:
📋 Additional Information (optional)
Provide any extra context or screenshots about the feature or fix here.
Badge Before:
Badge After: