diff --git a/packages/pl-fe/src/features/compose/components/upload-button.tsx b/packages/pl-fe/src/features/compose/components/upload-button.tsx index dfd301a869..9895ced112 100644 --- a/packages/pl-fe/src/features/compose/components/upload-button.tsx +++ b/packages/pl-fe/src/features/compose/components/upload-button.tsx @@ -37,6 +37,9 @@ const UploadButton: React.FC = ({ const fileElement = useRef(null); const attachmentTypes = configuration.media_attachments.supported_mime_types; + let accept = attachmentTypes?.join(','); + if (accept === 'application/octet-stream') accept = undefined; + const handleChange: React.ChangeEventHandler = (e) => { if (e.target.files?.length) { onSelectFile(e.target.files, intl); @@ -75,7 +78,7 @@ const UploadButton: React.FC = ({ ref={fileElement} type='file' multiple - accept={attachmentTypes?.join(',')} + accept={accept} onChange={handleChange} disabled={disabled} className='hidden' diff --git a/packages/pl-fe/src/features/ui/components/modals/compose-event-modal/upload-button.tsx b/packages/pl-fe/src/features/ui/components/modals/compose-event-modal/upload-button.tsx index 724d8d44b9..45f660e197 100644 --- a/packages/pl-fe/src/features/ui/components/modals/compose-event-modal/upload-button.tsx +++ b/packages/pl-fe/src/features/ui/components/modals/compose-event-modal/upload-button.tsx @@ -12,9 +12,13 @@ interface IUploadButton { const UploadButton: React.FC = ({ disabled, onSelectFile }) => { const fileElement = useRef(null); + const attachmentTypes = useAppSelector(state => state.instance.configuration.media_attachments.supported_mime_types) ?.filter((type) => type.startsWith('image/')); + let accept = attachmentTypes?.join(','); + if (accept === 'application/octet-stream') accept = undefined; + const handleChange: React.ChangeEventHandler = (e) => { if (e.target.files?.length) { onSelectFile(e.target.files); @@ -25,6 +29,7 @@ const UploadButton: React.FC = ({ disabled, onSelectFile }) => { fileElement.current?.click(); }; + return ( = ({ disabled, onSelectFile }) => {