File manager - Edit - /var/www/payraty/helpdesk/resources/client/reply-editor/reply-editor-attachments.tsx
Back
import React from 'react'; import {useFileUploadStore} from '@common/uploads/uploader/file-upload-provider'; import {FileEntry} from '@common/uploads/file-entry'; import { AttachmentLayout, AttachmentListLayout, FileEntryAttachmentLayout, } from '@app/agent/ticket-layout/attachment-list-layout'; interface Props { attachments: FileEntry[]; onRemove: (attachment: FileEntry) => void; } export function ReplyEditorAttachments({attachments, onRemove}: Props) { const uploads = useFileUploadStore(s => s.fileUploads); const abortUpload = useFileUploadStore(s => s.abortUpload); return ( <AttachmentListLayout className="mb-8"> {attachments.map((attachment, index) => ( <FileEntryAttachmentLayout key={attachment.id} attachments={attachments} index={index} onRemove={() => onRemove(attachment)} /> ))} {[...uploads.entries()] .filter(([_, upload]) => upload.status === 'inProgress') .map(([id, upload]) => ( <AttachmentLayout key={id} size={upload.file.size} name={upload.file.name} mime={upload.file.mime} progress={upload.percentage} onRemove={() => abortUpload(id)} /> ))} </AttachmentListLayout> ); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 1.47 |
proxy
|
phpinfo
|
Settings