31 lines
780 B
JavaScript
31 lines
780 B
JavaScript
// @flow
|
|
import React, { useEffect } from 'react';
|
|
import HelpLink from 'component/common/help-link';
|
|
|
|
type Props = {
|
|
claim: StreamClaim,
|
|
fetchViewCount: string => void,
|
|
uri: string,
|
|
viewCount: string,
|
|
};
|
|
|
|
function FileViewCount(props: Props) {
|
|
const { claim, uri, fetchViewCount, viewCount } = props;
|
|
|
|
useEffect(() => {
|
|
if (claim && claim.claim_id) {
|
|
fetchViewCount(claim.claim_id);
|
|
}
|
|
}, [fetchViewCount, uri, claim]);
|
|
|
|
const formattedViewCount = Number(viewCount).toLocaleString();
|
|
|
|
return (
|
|
<span className="media__subtitle--centered">
|
|
{viewCount !== 1 ? __('%view_count% views', { view_count: formattedViewCount }) : __('1 view')}
|
|
<HelpLink href="https://lbry.com/faq/views" />
|
|
</span>
|
|
);
|
|
}
|
|
|
|
export default FileViewCount;
|