import React from "react"; import Head from 'next/head'; import Image from 'next/image'; import Link from "next/link"; import cookie from 'cookie'; import { connect } from "react-redux"; import numeral from "numeral"; import pluralize from 'pluralize-ru'; import { SpinnerCircular } from 'spinners-react'; import Dropzone from 'react-dropzone'; export default class FilesList extends React.Component { constructor(props) { super(props); this.state = {}; } _handle_onAddFile = (files) => { console.log("_handle_onAddFile", files); const { name, onAddFile } = this.props; onAddFile(name, files); } _handle_onRemoveFile = (file_name) => { const { name, onRemoveFile } = this.props; onRemoveFile(name, file_name); } _renderFileName = (name) => { console.log("FilesList", "_renderFileName", { name }); let chunks = name.split(/(.{19})/).filter(O => O); console.log({chunks}); if(chunks.length > 2) { chunks = chunks.slice(0, 2); if(chunks[1].length > 17) { let second_line = chunks[1].split(); second_line.slice(0, 17); second_line.push("..."); chunks[1] = second_line; } } //return chunks.join("\n"); return chunks; } render() { const { files, checking } = this.props; console.log("FilesList", "files", files); return (
{ files.map((file, index) => { if(file.name === undefined) { return null; } return (

{ this._renderFileName(file.name) }{/*}Постановление{*/}

{ !checking && (
this._handle_onRemoveFile(file.name) }> ✕
) }
) }) } { !checking && ( this._handle_onAddFile(acceptedFiles) }> { ({getRootProps, getInputProps}) => (
) } ) }
) } }