@@ -2,9 +2,9 @@ import { css } from "@emotion/react";
2
2
import ChevronRightIcon from "@mui/icons-material/ChevronRight" ;
3
3
import ExpandMoreIcon from "@mui/icons-material/ExpandMore" ;
4
4
import FormatAlignLeftOutlined from "@mui/icons-material/FormatAlignLeftOutlined" ;
5
- import { SimpleTreeView , TreeItem } from '@mui/x-tree-view' ;
6
5
import Menu from "@mui/material/Menu" ;
7
6
import MenuItem from "@mui/material/MenuItem" ;
7
+ import { SimpleTreeView , TreeItem } from "@mui/x-tree-view" ;
8
8
import { DockerIcon } from "components/Icons/DockerIcon" ;
9
9
import { type CSSProperties , type ElementType , type FC , useState } from "react" ;
10
10
import type { FileTree } from "utils/filetree" ;
@@ -79,20 +79,20 @@ export const TemplateFileTree: FC<TemplateFilesTreeProps> = ({
79
79
) ;
80
80
}
81
81
82
- let icon : ElementType | undefined
83
- if ( isFolder ( content ) ) {
84
- icon = FormatAlignLeftOutlined
82
+ let icon : ElementType | undefined ;
83
+ if ( isFolder ( content ) ) {
84
+ icon = FormatAlignLeftOutlined ;
85
85
} else if ( filename . endsWith ( ".tf" ) ) {
86
- icon = FileTypeTerraform ;
86
+ icon = FileTypeTerraform ;
87
87
} else if ( filename . endsWith ( ".md" ) ) {
88
88
icon = FileTypeMarkdown ;
89
89
} else if ( filename . endsWith ( "Dockerfile" ) ) {
90
90
icon = DockerIcon ;
91
- } ;
91
+ }
92
92
93
93
return (
94
94
< TreeItem
95
- slots = { { icon } }
95
+ slots = { { icon } }
96
96
itemId = { currentPath }
97
97
key = { currentPath }
98
98
label = {
@@ -193,7 +193,7 @@ export const TemplateFileTree: FC<TemplateFilesTreeProps> = ({
193
193
194
194
return (
195
195
< SimpleTreeView
196
- slots = { { collapseIcon : ExpandMoreIcon , expandIcon : ChevronRightIcon , } }
196
+ slots = { { collapseIcon : ExpandMoreIcon , expandIcon : ChevronRightIcon } }
197
197
aria-label = "Files"
198
198
defaultExpandedItems = { activePath ? expandablePaths ( activePath ) : [ ] }
199
199
defaultSelectedItems = { activePath }
@@ -264,7 +264,13 @@ const FileTypeTerraform: FC = () => (
264
264
) ;
265
265
266
266
const FileTypeMarkdown : FC = ( ) => (
267
- < svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 32 32" fill = "#755838" role = "img" aria-label = "Markdown icon" >
267
+ < svg
268
+ xmlns = "http://www.w3.org/2000/svg"
269
+ viewBox = "0 0 32 32"
270
+ fill = "#755838"
271
+ role = "img"
272
+ aria-label = "Markdown icon"
273
+ >
268
274
< rect
269
275
x = "2.5"
270
276
y = "7.955"
0 commit comments