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

matifali · web-flow · commit d92649ae3baa · 2025-12-09T22:32:02.000+05:00
## 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`_
diff --git a/site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx b/site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx
@@ -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")) {
