lbry-desktop/ui/component/fileSubtitle/view.jsx

34 lines
928 B
React
Raw Normal View History

2020-03-14 17:07:36 +01:00
// @flow
import React from 'react';
import DateTime from 'component/dateTime';
import FileViewCount from 'component/fileViewCount';
2020-09-30 22:46:20 +02:00
import FileActions from 'component/fileActions';
2020-03-14 17:07:36 +01:00
type Props = {
uri: string,
2021-03-18 18:21:49 +01:00
livestream?: boolean,
2021-03-19 21:14:31 +01:00
activeViewers?: number,
stateOfViewers: string,
2020-03-14 17:07:36 +01:00
};
function FileSubtitle(props: Props) {
const { uri, livestream = false, activeViewers = 0, stateOfViewers } = props;
2020-03-14 17:07:36 +01:00
return (
<div className="media__subtitle--between">
2020-09-30 22:46:20 +02:00
<div className="file__viewdate">
2021-03-18 18:21:49 +01:00
{livestream ? <span>{__('Right now')}</span> : <DateTime uri={uri} show={DateTime.SHOW_DATE} />}
2021-03-19 21:14:31 +01:00
{livestream ? (
<span>{__('%viewer_count% currently %viewer_state%', { viewer_count: activeViewers, viewer_state: stateOfViewers })}</span>
2021-03-19 21:14:31 +01:00
) : (
<FileViewCount uri={uri} />
)}
2020-09-30 22:46:20 +02:00
</div>
<FileActions uri={uri} />
2020-03-14 17:07:36 +01:00
</div>
);
}
export default FileSubtitle;