// @flow import * as PAGES from 'constants/pages'; import * as React from 'react'; import classnames from 'classnames'; import { lazyImport } from 'util/lazyImport'; import Page from 'component/page'; import * as RENDER_MODES from 'constants/file_render_modes'; import FileTitleSection from 'component/fileTitleSection'; import FileRenderInitiator from 'component/fileRenderInitiator'; import FileRenderInline from 'component/fileRenderInline'; import FileRenderDownload from 'component/fileRenderDownload'; import RecommendedContent from 'component/recommendedContent'; import CollectionContent from 'component/collectionContentSidebar'; import CommentsList from 'component/commentsList'; import { Redirect } from 'react-router'; import Button from 'component/button'; import I18nMessage from 'component/i18nMessage'; import Empty from 'component/common/empty'; const PostViewer = lazyImport(() => import('component/postViewer' /* webpackChunkName: "postViewer" */)); export const PRIMARY_PLAYER_WRAPPER_CLASS = 'file-page__video-container'; type Props = { costInfo: ?{ includesData: boolean, cost: number }, fileInfo: FileListItem, uri: string, fetchFileInfo: (string) => void, fetchCostInfo: (string) => void, setViewed: (string) => void, renderMode: string, obscureNsfw: boolean, isMature: boolean, linkedCommentId?: string, setPrimaryUri: (?string) => void, collection?: Collection, collectionId: string, videoTheaterMode: boolean, claimIsMine: boolean, commentsDisabled: boolean, isLivestream: boolean, }; function FilePage(props: Props) { const { uri, renderMode, fetchFileInfo, fetchCostInfo, setViewed, fileInfo, obscureNsfw, isMature, costInfo, linkedCommentId, setPrimaryUri, videoTheaterMode, claimIsMine, commentsDisabled, collection, collectionId, isLivestream, } = props; const cost = costInfo ? costInfo.cost : null; const hasFileInfo = fileInfo !== undefined; const isMarkdown = renderMode === RENDER_MODES.MARKDOWN; React.useEffect(() => { // always refresh file info when entering file page to see if we have the file // this could probably be refactored into more direct components now // @if TARGET='app' if (!hasFileInfo) { fetchFileInfo(uri); } // @endif // See https://github.com/lbryio/lbry-desktop/pull/1563 for discussion fetchCostInfo(uri); setViewed(uri); setPrimaryUri(uri); return () => { setPrimaryUri(null); }; }, [uri, hasFileInfo, fetchFileInfo, fetchCostInfo, setViewed, setPrimaryUri]); function renderFilePageLayout() { if (RENDER_MODES.FLOATING_MODES.includes(renderMode)) { return (
{/* playables will be rendered and injected by */}
); } if (RENDER_MODES.UNRENDERABLE_MODES.includes(renderMode)) { return ( ); } if (isMarkdown) { return ( ); } if (RENDER_MODES.TEXT_MODES.includes(renderMode)) { return ( ); } if (renderMode === RENDER_MODES.IMAGE) { return (
); } return ( ); } if (!claimIsMine && isLivestream) { return ; } if (obscureNsfw && isMature) { return (
{collection && !isMarkdown && !videoTheaterMode && } {!collection && !isMarkdown && !videoTheaterMode && }
); } return (
{renderFilePageLayout()} {!isMarkdown && (
{claimIsMine && isLivestream && (

{__('Only visible to you')}

People who view this link will be redirected to your livestream. Make sure to use this for sharing so your title and thumbnail are displayed properly.
)} {RENDER_MODES.FLOATING_MODES.includes(renderMode) && } {commentsDisabled && } {!commentsDisabled && }
{!collection && !isMarkdown && videoTheaterMode && } {collection && !isMarkdown && videoTheaterMode && }
)}
{collection && !isMarkdown && !videoTheaterMode && } {!collection && !isMarkdown && !videoTheaterMode && } {isMarkdown && (
)}
); } export default FilePage;