import PropTypes from 'prop-types'; import React from 'react'; import formatBytes from 'Utilities/Number/formatBytes'; import EnhancedSelectInputSelectedValue from './EnhancedSelectInputSelectedValue'; import styles from './RootFolderSelectInputSelectedValue.css'; function RootFolderSelectInputSelectedValue(props) { const { name, value, freeSpace, artistFolder, includeFreeSpace, isWindows, ...otherProps } = props; const slashCharacter = isWindows ? '\\' : '/'; const text = name === '' ? value : `[${name}] ${value}`; return (
{text}
{ artistFolder ?
{slashCharacter} {artistFolder}
: null }
{ freeSpace != null && includeFreeSpace &&
{formatBytes(freeSpace)} Free
}
); } RootFolderSelectInputSelectedValue.propTypes = { name: PropTypes.string, value: PropTypes.string, freeSpace: PropTypes.number, artistFolder: PropTypes.string, isWindows: PropTypes.bool, includeFreeSpace: PropTypes.bool.isRequired }; RootFolderSelectInputSelectedValue.defaultProps = { name: '', includeFreeSpace: true }; export default RootFolderSelectInputSelectedValue;