eduvia/workavia-drive
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛 Fix file icons for root upload (#826)

Browse Source
This commit is contained in:
Montassar Ghanmy
2025-02-27 10:41:23 +01:00
committed by GitHub
parent 5bd11098ba
commit 4d4c242e2c
2 changed files with 24 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tdrive/frontend/src/app/components/file-uploads/pending-root-components/file-type-icon-map.tsx
+20 -24
View File
@@ -8,28 +8,24 @@ import {
} from 'app/atoms/icons-colored';
// Map mime types to their respective JSX icon elements
export const fileTypeIconsMap = {
'application/pdf': <FileTypePdfIcon />,
'application/vnd.openxmlformats-officedocument.wordprocessingml.document': (
<FileTypeDocumentIcon />
),
'application/msword': <FileTypeDocumentIcon />,
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': <FileTypeSpreadsheetIcon />,
'application/vnd.ms-excel': <FileTypeSpreadsheetIcon />,
'application/vnd.ms-powerpoint': <FileTypeSlidesIcon />,
'application/vnd.openxmlformats-officedocument.presentationml.presentation': (
<FileTypeSlidesIcon />
),
'application/zip': <FileTypeArchiveIcon />,
'application/x-rar-compressed': <FileTypeArchiveIcon />,
'application/x-tar': <FileTypeArchiveIcon />,
'application/x-7z-compressed': <FileTypeArchiveIcon />,
'application/x-bzip': <FileTypeArchiveIcon />,
'application/x-bzip2': <FileTypeArchiveIcon />,
'application/x-gzip': <FileTypeArchiveIcon />,
'video/mp4': <FileTypeMediaIcon />,
'video/mpeg': <FileTypeMediaIcon />,
'video/ogg': <FileTypeMediaIcon />,
'video/webm': <FileTypeMediaIcon />,
'video/quicktime': <FileTypeMediaIcon />,
export const fileTypeIconsMap: Record<string, JSX.Element> = {
pdf: <FileTypePdfIcon />,
doc: <FileTypeDocumentIcon />,
docx: <FileTypeDocumentIcon />,
xls: <FileTypeSpreadsheetIcon />,
xlsx: <FileTypeSpreadsheetIcon />,
ppt: <FileTypeSlidesIcon />,
pptx: <FileTypeSlidesIcon />,
zip: <FileTypeArchiveIcon />,
rar: <FileTypeArchiveIcon />,
tar: <FileTypeArchiveIcon />,
'7z': <FileTypeArchiveIcon />,
bz: <FileTypeArchiveIcon />,
bz2: <FileTypeArchiveIcon />,
gz: <FileTypeArchiveIcon />,
mp4: <FileTypeMediaIcon />,
mpeg: <FileTypeMediaIcon />,
ogg: <FileTypeMediaIcon />,
webm: <FileTypeMediaIcon />,
mov: <FileTypeMediaIcon />,
};
tdrive/frontend/src/app/components/file-uploads/pending-root-components/pending-root-row.tsx
+4 -4
View File
@@ -30,11 +30,11 @@ const PendingRootRow = ({
const { restore } = useDriveActions();
const { refresh, children } = useDriveItem(item?.parent_id || '');
const firstPendingFile = root.items[0];
const uploadedFilesSize = root.uploadedSize;
const uploadProgress = Math.floor((uploadedFilesSize / root.size) * 100);
const isUploadCompleted = root.status === 'completed';
const isFileRoot = rootKey.includes('.');
const fileType = isFileRoot ? rootKey.split('.').pop() : '';
// Callback function to open the folder after the upload is completed
const handleShowFolder = useCallback(() => {
@@ -122,7 +122,7 @@ const PendingRootRow = ({
<div className="flex items-center">
<div className="w-10 h-10 flex items-center justify-center bg-[#f3f3f7] rounded-md">
<div className="w-full h-full flex items-center justify-center testid:upload-root-modal-row-type">
{itemTypeIcon(firstPendingFile?.type)}
{itemTypeIcon(fileType || '')}
</div>
</div>
<p className="ml-4">
@@ -163,9 +163,9 @@ const PendingRootRow = ({
</button>
) : (
!['cancelled', 'failed'].includes(root.status) &&
firstPendingFile?.status !== 'error' && (
root?.status !== 'error' && (
<>
{root.status === 'paused' ? (
{root.status === 'failed' ? (
<button
onClick={() => pauseOrResumeRootUpload(rootKey)}
className="hover:bg-blue-100 p-2 rounded-md transition-all duration-200 testid:upload-root-modal-row-resume"