/** * * Li * */ import React from 'react'; import PropTypes from 'prop-types'; import { FormattedMessage } from 'react-intl'; import { CopyToClipboard } from 'react-copy-to-clipboard'; import cn from 'classnames'; import FileIcon from 'components/FileIcon'; import IcoContainer from 'components/IcoContainer'; import PopUpWarning from 'components/PopUpWarning'; import styles from './styles.scss'; /* eslint-disable react/no-string-refs */ class Li extends React.Component { state = { isOpen: false, copied: false }; componentDidUpdate(prevProps, prevState) { if (prevState.copied !== this.state.copied && this.state.copied) { setTimeout(() => { this.setState({ copied: false }); }, 3000); } } getUnit = (value) => { let unit; switch (true) { case value > 1000: unit = 'GB'; break; case value < 1: unit = 'B'; break; default: unit = 'MB'; } return unit; } handleClick = (e) => { e.preventDefault(); const aTag = document.getElementById('aTag'); aTag.click(); } handleDelete = (e) => { e.preventDefault(); this.context.deleteData(this.props.item); } renderLiCopied = () => (