appeal upload files update
This commit is contained in:
parent
640da80de4
commit
d694326eca
@ -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() }>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user