fix(site): use FolderIcon instead of TextAlignStartIcon for folders in template editor (#21169)

## Summary

Fixes folder icons in the template editor file tree.


## Changes

- Import `FolderIcon` instead of `TextAlignStartIcon` from lucide-react
- Use `FolderIcon` for folder entries in the file tree

_Generated with `mux`_
This commit is contained in:
Atif Ali
2025-12-09 22:32:02 +05:00
committed by GitHub
parent 4379230a27
commit d92649ae3b
@@ -3,11 +3,7 @@ import Menu from "@mui/material/Menu";
import MenuItem from "@mui/material/MenuItem";
import { SimpleTreeView, TreeItem } from "@mui/x-tree-view";
import { DockerIcon } from "components/Icons/DockerIcon";
import {
ChevronDownIcon,
ChevronRightIcon,
TextAlignStartIcon,
} from "lucide-react";
import { ChevronDownIcon, ChevronRightIcon, FolderIcon } from "lucide-react";
import {
type CSSProperties,
type ElementType,
@@ -92,7 +88,7 @@ export const TemplateFileTree: FC<TemplateFilesTreeProps> = ({
let icon: ElementType | undefined;
if (isFolder(content)) {
icon = TextAlignStartIcon;
icon = FolderIcon;
} else if (filename.endsWith(".tf")) {
icon = FileTypeTerraform;
} else if (filename.endsWith(".md")) {