34 lines
928 B
JavaScript
34 lines
928 B
JavaScript
// @flow
|
|
import React from 'react';
|
|
import DateTime from 'component/dateTime';
|
|
import FileViewCount from 'component/fileViewCount';
|
|
import FileActions from 'component/fileActions';
|
|
|
|
type Props = {
|
|
uri: string,
|
|
livestream?: boolean,
|
|
activeViewers?: number,
|
|
stateOfViewers: string,
|
|
};
|
|
|
|
function FileSubtitle(props: Props) {
|
|
const { uri, livestream = false, activeViewers = 0, stateOfViewers } = props;
|
|
|
|
return (
|
|
<div className="media__subtitle--between">
|
|
<div className="file__viewdate">
|
|
{livestream ? <span>{__('Right now')}</span> : <DateTime uri={uri} show={DateTime.SHOW_DATE} />}
|
|
{livestream ? (
|
|
<span>{__('%viewer_count% currently %viewer_state%', { viewer_count: activeViewers, viewer_state: stateOfViewers })}</span>
|
|
) : (
|
|
<FileViewCount uri={uri} />
|
|
)}
|
|
</div>
|
|
|
|
<FileActions uri={uri} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default FileSubtitle;
|