36 lines
1 KiB
JavaScript
36 lines
1 KiB
JavaScript
// @flow
|
|
import React from 'react';
|
|
import HelpLink from 'component/common/help-link';
|
|
import Tooltip from 'component/common/tooltip';
|
|
import { formatNumber } from 'util/number';
|
|
|
|
type Props = {
|
|
claimId: ?string, // this
|
|
fetchViewCount: (string) => void,
|
|
fetchingViewCount: boolean,
|
|
uri: string,
|
|
viewCount: string,
|
|
};
|
|
|
|
function FileViewCount(props: Props) {
|
|
const { claimId, uri, fetchViewCount, viewCount } = props; // claimId
|
|
const countCompact = formatNumber(Number(viewCount), 2, true);
|
|
const countFullResolution = formatNumber(Number(viewCount), 2, false);
|
|
|
|
React.useEffect(() => {
|
|
if (claimId) {
|
|
fetchViewCount(claimId);
|
|
}
|
|
}, [fetchViewCount, uri, claimId]);
|
|
|
|
return (
|
|
<Tooltip title={`${countFullResolution}`}>
|
|
<span className="media__subtitle--centered">
|
|
{viewCount !== 1 ? __('%view_count% views', { view_count: countCompact }) : __('1 view')}
|
|
{<HelpLink href="https://lbry.com/faq/views" />}
|
|
</span>
|
|
</Tooltip>
|
|
);
|
|
}
|
|
|
|
export default FileViewCount;
|