fix: channel tile

.eslintrc.json

@@ -35,6 +35,7 @@
     "standard/no-callback-literal": 0,
     "comma-dangle": ["error", "always-multiline"],
     "space-before-function-paren": ["error", "never"],
+    "jsx-quotes": ["error", "prefer-double"],
     "semi": [
       "error",
       "always",

src/platforms/electron/startSandbox.js

@@ -1,7 +1,5 @@
 import express from 'express';
 import unpackByOutpoint from './unpackByOutpoint';
-import net from 'net';
-import chalk from 'chalk';
 
 // Polyfills and `lbry-redux`
 global.fetch = require('node-fetch');

src/ui/component/channelTile/index.js

@@ -1,7 +1,11 @@
 import { connect } from 'react-redux';
-import { doResolveUri, makeSelectClaimForUri, makeSelectIsUriResolving } from 'lbry-redux';
+import {
+  doResolveUri,
+  makeSelectClaimForUri,
+  makeSelectIsUriResolving,
+  makeSelectTotalItemsForChannel,
+} from 'lbry-redux';
 import { doNavigate } from 'redux/actions/navigation';
-import { makeSelectTotalItemsForChannel } from 'redux/selectors/content';
 import ChannelTile from './view';
 
 const select = (state, props) => ({

src/ui/constants/action_types.js

@@ -68,7 +68,6 @@ export const RESOLVE_URIS_COMPLETED = 'RESOLVE_URIS_COMPLETED';
 export const FETCH_CHANNEL_CLAIMS_STARTED = 'FETCH_CHANNEL_CLAIMS_STARTED';
 export const FETCH_CHANNEL_CLAIMS_COMPLETED = 'FETCH_CHANNEL_CLAIMS_COMPLETED';
 export const FETCH_CHANNEL_CLAIM_COUNT_STARTED = 'FETCH_CHANNEL_CLAIM_COUNT_STARTED';
-export const FETCH_CHANNEL_CLAIM_COUNT_COMPLETED = 'FETCH_CHANNEL_CLAIM_COUNT_COMPLETED';
 export const FETCH_CLAIM_LIST_MINE_STARTED = 'FETCH_CLAIM_LIST_MINE_STARTED';
 export const FETCH_CLAIM_LIST_MINE_COMPLETED = 'FETCH_CLAIM_LIST_MINE_COMPLETED';
 export const ABANDON_CLAIM_STARTED = 'ABANDON_CLAIM_STARTED';

src/ui/page/file/view.jsx

@@ -226,7 +226,7 @@ class FilePage extends React.Component<Props> {
 
           <div className="media__actions media__actions--between">
             <div className="media__action-group--large">
-              {claimIsMine ? (
+              {claimIsMine && (
                 <Button
                   button="primary"
                   icon={icons.EDIT}
@@ -236,16 +236,18 @@ class FilePage extends React.Component<Props> {
                     navigate('/publish');
                   }}
                 />
-              ) : (
-                <SubscribeButton uri={channelUri} channelName={channelName} />
               )}
               {!claimIsMine && (
+                <React.Fragment>
+                  {channelUri && <SubscribeButton uri={channelUri} channelName={channelName} />}
+
                   <Button
                     button="alt"
                     icon={icons.TIP}
                     label={__('Send a tip')}
                     onClick={() => openModal(MODALS.SEND_TIP, { uri })}
                   />
+                </React.Fragment>
               )}
               <Button
                 button="alt"

src/ui/redux/reducers/content.js

@@ -13,17 +13,6 @@ reducers[ACTIONS.SET_PLAYING_URI] = (state, action) =>
     playingUri: action.data.uri,
   });
 
-reducers[ACTIONS.FETCH_CHANNEL_CLAIM_COUNT_COMPLETED] = (state, action) => {
-  const channelClaimCounts = Object.assign({}, state.channelClaimCounts);
-  const { uri, totalClaims } = action.data;
-
-  channelClaimCounts[uri] = totalClaims;
-
-  return Object.assign({}, state, {
-    channelClaimCounts,
-  });
-};
-
 reducers[ACTIONS.SET_CONTENT_POSITION] = (state, action) => {
   const { claimId, outpoint, position } = action.data;
   return {

src/ui/redux/selectors/content.js

@@ -14,17 +14,6 @@ export const selectPlayingUri = createSelector(
   state => state.playingUri
 );
 
-export const selectChannelClaimCounts = createSelector(
-  selectState,
-  state => state.channelClaimCounts || {}
-);
-
-export const makeSelectTotalItemsForChannel = (uri: string) =>
-  createSelector(
-    selectChannelClaimCounts,
-    byUri => byUri && byUri[uri]
-  );
-
 export const selectRewardContentClaimIds = createSelector(
   selectState,
   state => state.rewardedContentClaimIds