move claim uri under file/channel details

This commit is contained in:
Sean Yesmunt 2020-07-29 13:04:23 -04:00
parent ad9b98389f
commit ca89dab45f
4 changed files with 11 additions and 8 deletions

View file

@ -69,6 +69,11 @@ function ChannelAbout(props: Props) {
<DateTime timeAgo uri={uri} /> <DateTime timeAgo uri={uri} />
</div> </div>
<label>{__('URL')}</label>
<div className="media__info-text">
<div className="media__info-text media__info-text--constrained">{claim.canonical_url}</div>
</div>
<label>{__('Claim ID')}</label> <label>{__('Claim ID')}</label>
<div className="media__info-text"> <div className="media__info-text">
<div className="media__info-text media__info-text--constrained">{claim.claim_id}</div> <div className="media__info-text media__info-text--constrained">{claim.claim_id}</div>

View file

@ -55,6 +55,12 @@ class FileDetails extends PureComponent<Props> {
<td>{fileSize}</td> <td>{fileSize}</td>
</tr> </tr>
)} )}
<tr>
<td> {__('URL')}</td>
<td>{claim.canonical_url}</td>
</tr>
<tr> <tr>
<td> {__('Claim ID')}</td> <td> {__('Claim ID')}</td>
<td>{claim.claim_id}</td> <td>{claim.claim_id}</td>

View file

@ -15,7 +15,6 @@ import ChannelAbout from 'component/channelAbout';
import ChannelDiscussion from 'component/channelDiscussion'; import ChannelDiscussion from 'component/channelDiscussion';
import ChannelThumbnail from 'component/channelThumbnail'; import ChannelThumbnail from 'component/channelThumbnail';
import ChannelEdit from 'component/channelEdit'; import ChannelEdit from 'component/channelEdit';
import ClaimUri from 'component/claimUri';
import classnames from 'classnames'; import classnames from 'classnames';
import HelpLink from 'component/common/help-link'; import HelpLink from 'component/common/help-link';
import ClaimSupportButton from 'component/claimSupportButton'; import ClaimSupportButton from 'component/claimSupportButton';
@ -130,7 +129,6 @@ function ChannelPage(props: Props) {
return ( return (
<Page noFooter> <Page noFooter>
<ClaimUri uri={uri} />
<YoutubeBadge channelClaimId={claimId} /> <YoutubeBadge channelClaimId={claimId} />
<header className="channel-cover"> <header className="channel-cover">
<div className="channel__quick-actions"> <div className="channel__quick-actions">

View file

@ -3,7 +3,6 @@ import * as React from 'react';
import classnames from 'classnames'; import classnames from 'classnames';
import Page from 'component/page'; import Page from 'component/page';
import * as RENDER_MODES from 'constants/file_render_modes'; import * as RENDER_MODES from 'constants/file_render_modes';
import ClaimUri from 'component/claimUri';
import FileTitle from 'component/fileTitle'; import FileTitle from 'component/fileTitle';
import FileRenderInitiator from 'component/fileRenderInitiator'; import FileRenderInitiator from 'component/fileRenderInitiator';
import FileRenderInline from 'component/fileRenderInline'; import FileRenderInline from 'component/fileRenderInline';
@ -87,7 +86,6 @@ class FilePage extends React.Component<Props> {
if (RENDER_MODES.FLOATING_MODES.includes(mode)) { if (RENDER_MODES.FLOATING_MODES.includes(mode)) {
return ( return (
<React.Fragment> <React.Fragment>
<ClaimUri uri={uri} />
<YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} /> <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
<div className={FILE_WRAPPER_CLASS}> <div className={FILE_WRAPPER_CLASS}>
<FileRenderInitiator uri={uri} /> <FileRenderInitiator uri={uri} />
@ -101,7 +99,6 @@ class FilePage extends React.Component<Props> {
if (RENDER_MODES.UNRENDERABLE_MODES.includes(mode)) { if (RENDER_MODES.UNRENDERABLE_MODES.includes(mode)) {
return ( return (
<React.Fragment> <React.Fragment>
<ClaimUri uri={uri} />
<YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} /> <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
<FileTitle uri={uri} /> <FileTitle uri={uri} />
<FileRenderDownload uri={uri} isFree={cost === 0} /> <FileRenderDownload uri={uri} isFree={cost === 0} />
@ -112,7 +109,6 @@ class FilePage extends React.Component<Props> {
if (RENDER_MODES.TEXT_MODES.includes(mode)) { if (RENDER_MODES.TEXT_MODES.includes(mode)) {
return ( return (
<React.Fragment> <React.Fragment>
<ClaimUri uri={uri} />
<YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} /> <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
<FileTitle uri={uri} /> <FileTitle uri={uri} />
<FileRenderInitiator uri={uri} /> <FileRenderInitiator uri={uri} />
@ -123,7 +119,6 @@ class FilePage extends React.Component<Props> {
return ( return (
<React.Fragment> <React.Fragment>
<ClaimUri uri={uri} />
<YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} /> <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
<FileRenderInitiator uri={uri} /> <FileRenderInitiator uri={uri} />
<FileRenderInline uri={uri} /> <FileRenderInline uri={uri} />
@ -136,7 +131,6 @@ class FilePage extends React.Component<Props> {
const { uri } = this.props; const { uri } = this.props;
return ( return (
<Page> <Page>
<ClaimUri uri={uri} />
<FileTitle uri={uri} isNsfwBlocked /> <FileTitle uri={uri} isNsfwBlocked />
</Page> </Page>
); );