/
sigma
/
Acloud
Обзор
Документация
Войти
/
sigma
/
Acloud
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/FileCard/index.tsx
34 строки
973 B
Александр Пимкин
first_commit
17 апр 2025, 11:39
17 апр 2025, 11:39
e24d434
Код
Авторство
О чём код?
import { FC } from 'react' import { FaFileAlt } from 'react-icons/fa' import { getColorByExtension } from '../../../utils/getColorByExtension' import { getExtensionFromFileName } from '../../../utils/getExtensionFromFileName' import { isImage } from '../../../utils/isImage' import styles from './FileCard.module.scss' interface FileCardProps { filename: string originalName: string } export const FileCard: FC<FileCardProps> = ({ originalName, filename }) => { const ext = getExtensionFromFileName(filename) const imageUrl = ext && isImage(ext) ? 'http://localhost:7777/uploads/' + filename : '' const color = getColorByExtension(ext) const classColor = styles[color] return ( <div className={styles.root}> <div className={styles.icon}> <i className={classColor}>{ext}</i> {isImage(ext) ? ( <img className={styles.image} src={imageUrl} alt='File' /> ) : ( <FaFileAlt /> )} </div> <span>{originalName}</span> </div> ) }