sentry/static/app/views/releases/detail/commitsAndFiles/fileIcon.tsx

import {useTheme} from '@emotion/react';
import {PlatformIcon} from 'platformicons';

import {IconFile} from 'sentry/icons';
import {fileExtensionToPlatform, getFileExtension} from 'sentry/utils/fileExtension';

interface FileIconProps {
  fileName: string;
}

function FileIcon({fileName}: FileIconProps) {
  const fileExtension = getFileExtension(fileName);
  const iconName = fileExtension ? fileExtensionToPlatform(fileExtension) : null;
  const theme = useTheme();

  if (!iconName) {
    return <IconFile size="sm" />;
  }

  return <PlatformIcon platform={iconName} size={theme.iconSizes.sm} />;
}

export default FileIcon;