Function getFileIcon

components/RepositoryKeyFiles.tsx:14–39

(filePath: string)

import { FileCode2, FileJson, FileText, Layout, Globe, Settings } from 'lucide-react';

function getFileIcon(filePath: string) {
  const extension = filePath.split('.').pop()?.toLowerCase();
  
  switch(extension) {
    case 'js':
    case 'jsx':
    case 'ts':
    case 'tsx':
      return <FileCode2 className="w-4 h-4 text-yellow-400" />;
    case 'json':
      return <FileJson className="w-4 h-4 text-green-400" />;
    case 'md':
      return <FileText className="w-4 h-4 text-blue-400" />;
    case 'css':
    case 'scss':
    case 'sass':
      return <Layout className="w-4 h-4 text-purple-400" />;
    case 'html':
      return <Globe className="w-4 h-4 text-orange-400" />;
    case 'yml':
    case 'yaml':
      return <Settings className="w-4 h-4 text-gray-400" />;
    default:
      return <FileText className="w-4 h-4 text-gray-400" />;
  }
}
import { Dialog, DialogContent, DialogHeader, DialogTitle } from './ui/dialog';
import CodeViewer from './CodeViewer';