feat(site): add icons for .sh, .json, and .y[a]ml files in template editor #21171
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Added specific icons for common file types in the template file tree: - .sh files: TerminalIcon (terminal/shell scripts) - .json files: BracesIcon (JSON data files) - .yaml/.yml files: FileCodeIcon (YAML configuration files) These icons help users quickly identify file types at a glance.
eeb5a97 to
c0cd338
Compare
Contributor
There was a problem hiding this comment.
Pull request overview
This PR enhances the template file tree UI by adding distinctive icons for three common file types (.sh, .json, .yaml/.yml) that previously had no specific visual representation. The implementation uses lucide-react icons (TerminalIcon, BracesIcon, FileCodeIcon) following the existing conditional logic pattern based on file extensions.
Key Changes:
- Added file type detection for .sh, .json, and .yaml/.yml files
- Imported three new icons from lucide-react library
- Extended icon assignment logic in the buildTreeItems function
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Updated the main example story to include files with the new icons: - Shell scripts (.sh) - terminal icon - JSON files (.json) - braces icon - YAML files (.yml) - file code icon - Markdown (.md) and Dockerfile icons This shows all icon types in a single realistic file tree example.
333f052 to
4dfbbfe
Compare
geokat
reviewed
Dec 8, 2025
phorcys420
approved these changes
Dec 10, 2025
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
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.
Added specific icons for common file types in the template file tree:
These icons help users quickly identify file types at a glance in the template editor.