getIconForLanguageExtension() — ui Function Reference

Architecture documentation for the getIconForLanguageExtension() function in icons.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ getIconForLanguageExtension() — ui Function Reference

Dependency Diagram

graph TD
  5d3f8a0e_5be7_8769_e4b5_ac63ec0a93a9["getIconForLanguageExtension()"]
  b88fcb40_6eb1_ad7a_1f3a_b303dbcfdf60["icons.tsx"]
  5d3f8a0e_5be7_8769_e4b5_ac63ec0a93a9 -->|defined in| b88fcb40_6eb1_ad7a_1f3a_b303dbcfdf60
  style 5d3f8a0e_5be7_8769_e4b5_ac63ec0a93a9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/icons.tsx lines 192–207

export function getIconForLanguageExtension(language: string) {
  switch (language) {
    case "json":
      return <Icons.json />
    case "css":
      return <Icons.css className="fill-foreground" />
    case "js":
    case "jsx":
    case "ts":
    case "tsx":
    case "typescript":
      return <Icons.ts className="fill-foreground" />
    default:
      return <FileIcon />
  }
}