moar cleanup

ui/analytics.js

@@ -43,7 +43,8 @@ type LogPublishParams = {
   channel_claim_id?: string,
 };
 
-let analyticsEnabled: boolean = true;
+let analyticsEnabled: boolean = isProduction;
+
 const analytics: Analytics = {
   error: message => {
     if (analyticsEnabled && isProduction) {

ui/component/header/view.jsx

@@ -147,13 +147,17 @@ const Header = (props: Props) => {
                     </MenuItem>
                     <MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.PUBLISHED}`)}>
                       <Icon aria-hidden icon={ICONS.PUBLISH} />
-                      {__('Your Publishes')}
+                      {__('Publishes')}
+                    </MenuItem>
+                    <MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.PUBLISHED}`)}>
+                      <Icon aria-hidden icon={ICONS.CHANNEL} />
+                      {__('Channels')}
                     </MenuItem>
 
                     {/* @if TARGET='app' */}
                     <MenuItem className="menu__link" onSelect={() => history.push(`/$/${PAGES.PUBLISH}`)}>
                       <Icon aria-hidden icon={ICONS.LIBRARY} />
-                      {__('Your Library')}
+                      {__('Library')}
                     </MenuItem>
                     {/* @endif */}
 

ui/component/router/view.jsx

@@ -98,7 +98,7 @@ function AppRouter(props: Props) {
       <PrivateRoute {...props} path={`/$/${PAGES.REWARDS}`} component={RewardsPage} />
       <PrivateRoute {...props} path={`/$/${PAGES.TRANSACTIONS}`} component={TransactionHistoryPage} />
       <PrivateRoute {...props} path={`/$/${PAGES.LIBRARY}`} component={LibraryPage} />
-      <PrivateRoute {...props} path={`/$/${PAGES.FOLLOWING}`} component={FollowingPage} />
+      <PrivateRoute {...props} path={`/$/${PAGES.TAGS_FOLLOWING_MANAGE}`} component={FollowingPage} />
       <PrivateRoute {...props} path={`/$/${PAGES.BLOCKED}`} component={ListBlockedPage} />
       <PrivateRoute {...props} path={`/$/${PAGES.WALLET}`} exact component={WalletPage} />
       <PrivateRoute {...props} path={`/$/${PAGES.CHANNELS}`} component={ChannelsPage} />

ui/constants/pages.js

@@ -21,9 +21,9 @@ exports.SEARCH = 'search';
 exports.TRANSACTIONS = 'transactions';
 exports.TAGS = 'tags';
 exports.TAGS_FOLLOWING = 'following/tags';
+exports.TAGS_FOLLOWING_MANAGE = 'following/tags/manage';
 exports.CHANNELS_FOLLOWING = 'following/channels';
 exports.CHANNELS_FOLLOWING_MANAGE = 'following/channels/manage';
-exports.FOLLOWING = 'following';
 exports.WALLET = 'wallet';
 exports.BLOCKED = 'blocked';
 exports.CHANNELS = 'channels';

ui/page/channel/view.jsx

@@ -163,6 +163,8 @@ function ChannelPage(props: Props) {
 
   return (
     <Page>
+      <ClaimUri uri={uri} />
+
       <div className="card">
         <header className="channel-cover">
           <div className="channel__quick-actions">
@@ -212,7 +214,6 @@ function ChannelPage(props: Props) {
               <Button button="alt" title={__('Edit')} onClick={() => setEditing(!editing)} icon={ICONS.EDIT} />
             )}
             <div className="channel__meta">
-              <ClaimUri uri={uri} inline />
               <span>
                 {subCount} {subCount !== 1 ? __('Followers') : __('Follower')}
                 <HelpLink href="https://lbry.com/faq/views" />

ui/page/following/view.jsx

@@ -24,7 +24,7 @@ function FollowingPage(props: Props) {
   const viewingSuggestedSubs = urlParams.get('view') || !hasSubscriptions;
 
   function onClick() {
-    let url = `/$/${PAGES.FOLLOWING}`;
+    let url = `/$/${PAGES.TAGS_FOLLOWING_MANAGE}`;
     if (!viewingSuggestedSubs) {
       url += '?view=discover';
     }

ui/page/search/view.jsx

@@ -60,7 +60,6 @@ export default function SearchPage(props: Props) {
               </header>
             )}
 
-            <div className="card">
             <ClaimList
               uris={uris}
               loading={isSearching}
@@ -83,7 +82,7 @@ export default function SearchPage(props: Props) {
                 </Fragment>
               }
             />
-            </div>
+
             <div className="help">{__('These search results are provided by LBRY, Inc.')}</div>
           </Fragment>
         )}

ui/page/tags/view.jsx

@@ -7,6 +7,7 @@ import Button from 'component/button';
 import useHover from 'effects/use-hover';
 import analytics from 'analytics';
 import HiddenNsfw from 'component/common/hidden-nsfw';
+import Icon from 'component/common/icon';
 
 type Props = {
   location: { search: string },
@@ -46,6 +47,12 @@ function TagsPage(props: Props) {
   return (
     <Page>
       <ClaimListDiscover
+        headerLabel={
+          <span>
+            <Icon icon={ICONS.TAG} size={10} />
+            {tag}
+          </span>
+        }
         tags={tags}
         hiddenNsfwMessage={<HiddenNsfw type="page" />}
         meta={

ui/page/tagsFollowing/view.jsx

@@ -35,7 +35,7 @@ function DiscoverPage(props: Props) {
             icon={ICONS.EDIT}
             label={__('Manage')}
             requiresAuth={IS_WEB}
-            navigate={`/$/${PAGES.FOLLOWING}`}
+            navigate={`/$/${PAGES.TAGS_FOLLOWING_MANAGE}`}
           />
         }
       />

ui/scss/component/_claim-list.scss

@@ -6,33 +6,29 @@
 
 .claim-list__header {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
-  min-height: 3rem;
   margin: var(--spacing-medium) 0;
   margin-top: 0;
   font-size: var(--font-body);
 
-  fieldset-section {
+  .spinner {
-    margin-top: 0;
+    margin-left: var(--spacing-medium);
-    margin-bottom: 0;
   }
 }
 
 .claim-list__header--small {
-  min-height: 0;
   color: var(--color-text-subtitle);
 }
 
 .claim-list__dropdown {
   padding: 0 var(--spacing-medium);
-  padding-right: var(--spacing-large);
-  margin-bottom: 0;
   margin-left: var(--spacing-medium);
+  margin-right: var(--spacing-medium);
 
   @media (max-width: $breakpoint-small) {
-    font-size: var(--font-small);
+    margin-top: var(--spacing-small);
-    padding: 0 var(--spacing-small);
+    margin-left: 0;
-    padding-right: var(--spacing-large);
   }
 }