From ca89dab45f1a12459e56abdabdbfad6a8db1ea95 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 29 Jul 2020 13:04:23 -0400
Subject: [PATCH] move claim uri under file/channel details

---
 ui/component/channelAbout/view.jsx | 5 +++++
 ui/component/fileDetails/view.jsx  | 6 ++++++
 ui/page/channel/view.jsx           | 2 --
 ui/page/file/view.jsx              | 6 ------
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/ui/component/channelAbout/view.jsx b/ui/component/channelAbout/view.jsx
index 9e0bc613c..cf88ed174 100644
--- a/ui/component/channelAbout/view.jsx
+++ b/ui/component/channelAbout/view.jsx
@@ -69,6 +69,11 @@ function ChannelAbout(props: Props) {
             <DateTime timeAgo uri={uri} />
           </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>
           <div className="media__info-text">
             <div className="media__info-text media__info-text--constrained">{claim.claim_id}</div>
diff --git a/ui/component/fileDetails/view.jsx b/ui/component/fileDetails/view.jsx
index 9780dc460..0fd86cab3 100644
--- a/ui/component/fileDetails/view.jsx
+++ b/ui/component/fileDetails/view.jsx
@@ -55,6 +55,12 @@ class FileDetails extends PureComponent<Props> {
                     <td>{fileSize}</td>
                   </tr>
                 )}
+
+                <tr>
+                  <td> {__('URL')}</td>
+                  <td>{claim.canonical_url}</td>
+                </tr>
+
                 <tr>
                   <td> {__('Claim ID')}</td>
                   <td>{claim.claim_id}</td>
diff --git a/ui/page/channel/view.jsx b/ui/page/channel/view.jsx
index 2aed017ab..e7a678ea8 100644
--- a/ui/page/channel/view.jsx
+++ b/ui/page/channel/view.jsx
@@ -15,7 +15,6 @@ import ChannelAbout from 'component/channelAbout';
 import ChannelDiscussion from 'component/channelDiscussion';
 import ChannelThumbnail from 'component/channelThumbnail';
 import ChannelEdit from 'component/channelEdit';
-import ClaimUri from 'component/claimUri';
 import classnames from 'classnames';
 import HelpLink from 'component/common/help-link';
 import ClaimSupportButton from 'component/claimSupportButton';
@@ -130,7 +129,6 @@ function ChannelPage(props: Props) {
 
   return (
     <Page noFooter>
-      <ClaimUri uri={uri} />
       <YoutubeBadge channelClaimId={claimId} />
       <header className="channel-cover">
         <div className="channel__quick-actions">
diff --git a/ui/page/file/view.jsx b/ui/page/file/view.jsx
index 4de328c88..ee6629eb1 100644
--- a/ui/page/file/view.jsx
+++ b/ui/page/file/view.jsx
@@ -3,7 +3,6 @@ import * as React from 'react';
 import classnames from 'classnames';
 import Page from 'component/page';
 import * as RENDER_MODES from 'constants/file_render_modes';
-import ClaimUri from 'component/claimUri';
 import FileTitle from 'component/fileTitle';
 import FileRenderInitiator from 'component/fileRenderInitiator';
 import FileRenderInline from 'component/fileRenderInline';
@@ -87,7 +86,6 @@ class FilePage extends React.Component<Props> {
     if (RENDER_MODES.FLOATING_MODES.includes(mode)) {
       return (
         <React.Fragment>
-          <ClaimUri uri={uri} />
           <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
           <div className={FILE_WRAPPER_CLASS}>
             <FileRenderInitiator uri={uri} />
@@ -101,7 +99,6 @@ class FilePage extends React.Component<Props> {
     if (RENDER_MODES.UNRENDERABLE_MODES.includes(mode)) {
       return (
         <React.Fragment>
-          <ClaimUri uri={uri} />
           <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
           <FileTitle uri={uri} />
           <FileRenderDownload uri={uri} isFree={cost === 0} />
@@ -112,7 +109,6 @@ class FilePage extends React.Component<Props> {
     if (RENDER_MODES.TEXT_MODES.includes(mode)) {
       return (
         <React.Fragment>
-          <ClaimUri uri={uri} />
           <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
           <FileTitle uri={uri} />
           <FileRenderInitiator uri={uri} />
@@ -123,7 +119,6 @@ class FilePage extends React.Component<Props> {
 
     return (
       <React.Fragment>
-        <ClaimUri uri={uri} />
         <YoutubeBadge channelClaimId={channelClaimId} includeSyncDate={false} />
         <FileRenderInitiator uri={uri} />
         <FileRenderInline uri={uri} />
@@ -136,7 +131,6 @@ class FilePage extends React.Component<Props> {
     const { uri } = this.props;
     return (
       <Page>
-        <ClaimUri uri={uri} />
         <FileTitle uri={uri} isNsfwBlocked />
       </Page>
     );