appeal upload files update

This commit is contained in:
merelendor 2022-09-13 12:42:15 +03:00
parent 640da80de4
commit d694326eca

View File

@ -27,6 +27,7 @@ import {
} from "../../actions";
const LIMIT = 10000000;
const LIMIT_FILES = 10;
class FileDropzone extends React.Component
{
@ -45,14 +46,19 @@ class FileDropzone extends React.Component
{ files.length > 0 && (
<div className="column">
<div className="column_text_block">
<p><b>Приложенные файлы ({ files.length }/5)</b></p>
<p><b>Приложенные файлы ({ files.length }/{ LIMIT_FILES })</b></p>
{ files.map((file, index) => (
<p key={ index }>{ file.size > LIMIT && (<span style={{ color: "#A8026B", }}>Ошибка, превышен допустимый размер файла в 10 мб.</span>) } { file.name } - { parseFloat(file.size / 1000000).toFixed(file.size < 100000 ? 3 : 2) } мб. <small style={{ color: "#A8026B", textDecoration: "underline", cursor: "pointer" }} onClick={ () => onDeleteFile(file.name) }>[ удалить ]</small></p>
)) }
</div>
</div>
) }
{ files.length < 5 && (
<div className="column">
<div className="column_text_block">
<p style={{ color: "#999", fontStyle: "italic" }}>Вы можете приложить до 10 файлов, максимальный размер одного файла: 10 мегабайт.</p>
</div>
</div>
{ files.length < LIMIT_FILES && (
<Dropzone onDrop={ (acceptedFiles) => onAddFile(acceptedFiles) }>
{ ({getRootProps, getInputProps}) => (
<div className="file_upload dropzone" { ...getRootProps() }>