/
QuickMeet
/
Chat.Desktop
Обзор
Документация
Войти
/
QuickMeet
/
Chat.Desktop
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/ui/components/DownloadsManagerView/FileIcon.tsx
40 строк
875 B
Tasso Evangelista
refactor!(deps): Bump all critical dependencies (#2803)
15 янв 2024, 17:33
Не верифицирован
15 янв 2024, 17:33
4b4f2ee
Код
Авторство
О чём код?
import path from 'path'; import { Box } from '@rocket.chat/fuselage'; import { useMemo } from 'react'; type FileIconProps = { fileName: string; mimeType: string; }; const FileIcon = ({ fileName, mimeType }: FileIconProps) => { const label = useMemo(() => { const extension = path.extname(fileName); if (extension) { return extension.slice(1); } return /^\w+\/([-.\w]+)(?:\+[-.\w]+)?$/.exec(mimeType)?.[1]; }, [fileName, mimeType]); return ( <Box display='flex' flexDirection='column' width='x36' height='x44'> <Box is='img' src='images/file-icon.svg' alt={label} width='x36' /> <Box width={32} mi={2} mbs={-20} color='neutral-600' fontScale='c2' textAlign='center' withTruncatedText > {label} </Box> </Box> ); }; export default FileIcon;