You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.6 KiB
58 lines
1.6 KiB
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import DescriptionList from 'Components/DescriptionList/DescriptionList';
|
|
import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem';
|
|
import formatBytes from 'Utilities/Number/formatBytes';
|
|
import translate from 'Utilities/String/translate';
|
|
import styles from './AlbumGroupInfo.css';
|
|
|
|
function AlbumGroupInfo(props) {
|
|
const {
|
|
totalAlbumCount,
|
|
monitoredAlbumCount,
|
|
trackFileCount,
|
|
sizeOnDisk
|
|
} = props;
|
|
|
|
return (
|
|
<DescriptionList>
|
|
<DescriptionListItem
|
|
titleClassName={styles.title}
|
|
descriptionClassName={styles.description}
|
|
title={translate('Total')}
|
|
data={totalAlbumCount}
|
|
/>
|
|
|
|
<DescriptionListItem
|
|
titleClassName={styles.title}
|
|
descriptionClassName={styles.description}
|
|
title={translate('Monitored')}
|
|
data={monitoredAlbumCount}
|
|
/>
|
|
|
|
<DescriptionListItem
|
|
titleClassName={styles.title}
|
|
descriptionClassName={styles.description}
|
|
title={translate('TrackFiles')}
|
|
data={trackFileCount}
|
|
/>
|
|
|
|
<DescriptionListItem
|
|
titleClassName={styles.title}
|
|
descriptionClassName={styles.description}
|
|
title={translate('SizeOnDisk')}
|
|
data={formatBytes(sizeOnDisk)}
|
|
/>
|
|
</DescriptionList>
|
|
);
|
|
}
|
|
|
|
AlbumGroupInfo.propTypes = {
|
|
totalAlbumCount: PropTypes.number.isRequired,
|
|
monitoredAlbumCount: PropTypes.number.isRequired,
|
|
trackFileCount: PropTypes.number.isRequired,
|
|
sizeOnDisk: PropTypes.number.isRequired
|
|
};
|
|
|
|
export default AlbumGroupInfo;
|