From 0f3239284f1cbd738883fbd448afe6ac8a2c6265 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 30 Jan 2020 17:25:15 -0500
Subject: [PATCH] better naming of things

---
 ui/component/claimPreview/view.jsx                     | 10 +++++-----
 .../{claimSubtitle => claimPreviewSubtitle}/index.js   |  4 ++--
 .../{claimSubtitle => claimPreviewSubtitle}/view.jsx   |  4 ++--
 .../{claimTitle => claimPreviewTitle}/index.js         |  4 ++--
 .../{claimTitle => claimPreviewTitle}/view.jsx         |  6 +++---
 ui/component/fileAuthor/view.jsx                       |  2 +-
 ui/component/floatingViewer/view.jsx                   |  2 +-
 ui/component/previewLink/view.jsx                      |  2 +-
 .../webUploadList/internal/web-upload-item.jsx         |  2 +-
 ui/scss/component/_claim-list.scss                     |  2 +-
 ui/scss/component/_placeholder.scss                    |  2 +-
 11 files changed, 20 insertions(+), 20 deletions(-)
 rename ui/component/{claimSubtitle => claimPreviewSubtitle}/index.js (89%)
 rename ui/component/{claimSubtitle => claimPreviewSubtitle}/view.jsx (94%)
 rename ui/component/{claimTitle => claimPreviewTitle}/index.js (73%)
 rename ui/component/{claimTitle => claimPreviewTitle}/view.jsx (73%)

diff --git a/ui/component/claimPreview/view.jsx b/ui/component/claimPreview/view.jsx
index 62707ef91..f10b09f9e 100644
--- a/ui/component/claimPreview/view.jsx
+++ b/ui/component/claimPreview/view.jsx
@@ -15,8 +15,8 @@ import SubscribeButton from 'component/subscribeButton';
 import ChannelThumbnail from 'component/channelThumbnail';
 import BlockButton from 'component/blockButton';
 import useGetThumbnail from 'effects/use-get-thumbnail';
-import ClaimTitle from 'component/claimTitle';
-import ClaimSubtitle from 'component/claimSubtitle';
+import ClaimPreviewTitle from 'component/claimPreviewTitle';
+import ClaimPreviewSubtitle from 'component/ClaimPreviewSubtitle';
 
 type Props = {
   uri: string,
@@ -180,7 +180,7 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
       <li className={classnames('claim-preview', { 'claim-preview--large': type === 'large' })} disabled>
         <div className="placeholder media__thumb" />
         <div className="placeholder__wrapper">
-          <div className="placeholder claim-preview-title" />
+          <div className="placeholder claim-preview__title" />
           <div className="placeholder media__subtitle" />
         </div>
       </li>
@@ -217,11 +217,11 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
       <div className="claim-preview__text">
         <div className="claim-preview-metadata">
           <div className="claim-preview-info">
-            <ClaimTitle uri={uri} />
+            <ClaimPreviewTitle uri={uri} />
             {!isChannel && <FileProperties uri={uri} />}
           </div>
 
-          <ClaimSubtitle uri={uri} type={type} />
+          <ClaimPreviewSubtitle uri={uri} type={type} />
         </div>
         <div className="claim-preview__actions">
           {!pending && (
diff --git a/ui/component/claimSubtitle/index.js b/ui/component/claimPreviewSubtitle/index.js
similarity index 89%
rename from ui/component/claimSubtitle/index.js
rename to ui/component/claimPreviewSubtitle/index.js
index f073807eb..b46f46880 100644
--- a/ui/component/claimSubtitle/index.js
+++ b/ui/component/claimPreviewSubtitle/index.js
@@ -2,7 +2,7 @@ import * as PAGES from 'constants/pages';
 import { connect } from 'react-redux';
 import { makeSelectClaimForUri, makeSelectClaimIsPending, doClearPublish, doPrepareEdit } from 'lbry-redux';
 import { push } from 'connected-react-router';
-import ClaimSubtitle from './view';
+import ClaimPreviewSubtitle from './view';
 
 const select = (state, props) => ({
   claim: makeSelectClaimForUri(props.uri)(state),
@@ -20,4 +20,4 @@ const perform = dispatch => ({
 export default connect(
   select,
   perform
-)(ClaimSubtitle);
+)(ClaimPreviewSubtitle);
diff --git a/ui/component/claimSubtitle/view.jsx b/ui/component/claimPreviewSubtitle/view.jsx
similarity index 94%
rename from ui/component/claimSubtitle/view.jsx
rename to ui/component/claimPreviewSubtitle/view.jsx
index d1377ea9e..2977d4cb5 100644
--- a/ui/component/claimSubtitle/view.jsx
+++ b/ui/component/claimPreviewSubtitle/view.jsx
@@ -13,7 +13,7 @@ type Props = {
   beginPublish: string => void,
 };
 
-function ClaimSubtitle(props: Props) {
+function ClaimPreviewSubtitle(props: Props) {
   const { pending, uri, claim, type, beginPublish } = props;
   const claimsInChannel = (claim && claim.meta.claims_in_channel) || 0;
 
@@ -49,4 +49,4 @@ function ClaimSubtitle(props: Props) {
   );
 }
 
-export default ClaimSubtitle;
+export default ClaimPreviewSubtitle;
diff --git a/ui/component/claimTitle/index.js b/ui/component/claimPreviewTitle/index.js
similarity index 73%
rename from ui/component/claimTitle/index.js
rename to ui/component/claimPreviewTitle/index.js
index 91fee1ad0..e1d05cf4e 100644
--- a/ui/component/claimTitle/index.js
+++ b/ui/component/claimPreviewTitle/index.js
@@ -1,10 +1,10 @@
 import { connect } from 'react-redux';
 import { makeSelectClaimForUri, makeSelectTitleForUri } from 'lbry-redux';
-import ClaimPreview from './view';
+import ClaimPreviewTitle from './view';
 
 const select = (state, props) => ({
   claim: makeSelectClaimForUri(props.uri)(state),
   title: makeSelectTitleForUri(props.uri)(state),
 });
 
-export default connect(select)(ClaimPreview);
+export default connect(select)(ClaimPreviewTitle);
diff --git a/ui/component/claimTitle/view.jsx b/ui/component/claimPreviewTitle/view.jsx
similarity index 73%
rename from ui/component/claimTitle/view.jsx
rename to ui/component/claimPreviewTitle/view.jsx
index 70c0bf94a..c92fb804b 100644
--- a/ui/component/claimTitle/view.jsx
+++ b/ui/component/claimPreviewTitle/view.jsx
@@ -8,14 +8,14 @@ type Props = {
   title: string,
 };
 
-function ClaimTitle(props: Props) {
+function ClaimPreviewTitle(props: Props) {
   const { title, claim } = props;
 
   return (
-    <div className="claim-preview-title">
+    <div className="claim-preview__title">
       {claim ? <TruncatedText text={title || claim.name} lines={2} /> : <span>{__('Nothing here')}</span>}
     </div>
   );
 }
 
-export default ClaimTitle;
+export default ClaimPreviewTitle;
diff --git a/ui/component/fileAuthor/view.jsx b/ui/component/fileAuthor/view.jsx
index 65a50c8c8..16c1c2d5c 100644
--- a/ui/component/fileAuthor/view.jsx
+++ b/ui/component/fileAuthor/view.jsx
@@ -12,7 +12,7 @@ function FileAuthor(props: Props) {
   return channelUri ? (
     <ClaimPreview uri={channelUri} type="inline" properties={false} hideBlock />
   ) : (
-    <div className="claim-preview--inline claim-preview-title">{__('Anonymous')}</div>
+    <div className="claim-preview--inline claim-preview__title">{__('Anonymous')}</div>
   );
 }
 
diff --git a/ui/component/floatingViewer/view.jsx b/ui/component/floatingViewer/view.jsx
index 51965ff4e..0835e9de0 100644
--- a/ui/component/floatingViewer/view.jsx
+++ b/ui/component/floatingViewer/view.jsx
@@ -182,7 +182,7 @@ export default function FileViewer(props: Props) {
           )}
           {!inline && (
             <div className="draggable content__info">
-              <div className="claim-preview-title" title={title || uri}>
+              <div className="claim-preview__title" title={title || uri}>
                 {title || uri}
               </div>
               <UriIndicator link addTooltip={false} uri={uri} />
diff --git a/ui/component/previewLink/view.jsx b/ui/component/previewLink/view.jsx
index 092ca88f8..ba009c0f2 100644
--- a/ui/component/previewLink/view.jsx
+++ b/ui/component/previewLink/view.jsx
@@ -34,7 +34,7 @@ class PreviewLink extends React.PureComponent<Props> {
           <span style={thumbnailStyle} className={'preview-link__thumbnail media__thumb'} />
           <span className={'claim-preview-metadata'}>
             <span className={'claim-preview-info'}>
-              <span className={'claim-preview-title'}>
+              <span className={'claim-preview__title'}>
                 <TruncatedText text={title} lines={1} />
               </span>
             </span>
diff --git a/ui/component/webUploadList/internal/web-upload-item.jsx b/ui/component/webUploadList/internal/web-upload-item.jsx
index b2ff9fa10..465c6cec9 100644
--- a/ui/component/webUploadList/internal/web-upload-item.jsx
+++ b/ui/component/webUploadList/internal/web-upload-item.jsx
@@ -16,7 +16,7 @@ export default function WebUploadItem(props: Props) {
       <FileThumbnail thumbnail={params.thumbnail_url} />
       <div className={'claim-preview-metadata'}>
         <div className="claim-preview-info">
-          <div className="claim-preview-title">{params.title}</div>
+          <div className="claim-preview__title">{params.title}</div>
           {xhr && (
             <div className="card__actions--inline">
               <Button
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index e70df595a..af5d8dc75 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -173,7 +173,7 @@
   justify-content: space-between;
 }
 
-.claim-preview-title {
+.claim-preview__title {
   font-weight: var(--font-weight-bold);
   font-size: var(--font-body);
   margin-right: auto;
diff --git a/ui/scss/component/_placeholder.scss b/ui/scss/component/_placeholder.scss
index 91388d083..0badb7083 100644
--- a/ui/scss/component/_placeholder.scss
+++ b/ui/scss/component/_placeholder.scss
@@ -9,7 +9,7 @@
 .placeholder {
   display: flex;
 
-  &.claim-preview-title {
+  &.claim-preview__title {
     width: 100%;
     height: 3rem;
   }