From 58a3f57b6027891462b7a0f66cae6d50da85d5f8 Mon Sep 17 00:00:00 2001
From: Anthony <contact@anthonymayfield.com>
Date: Fri, 13 Aug 2021 19:04:57 +0200
Subject: [PATCH] more linter fixes

---
 .../walletFiatAccountHistory/view.jsx         | 54 -------------------
 ui/component/walletFiatBalance/view.jsx       |  5 +-
 .../walletFiatPaymentBalance/view.jsx         |  4 --
 .../walletFiatPaymentHistory/view.jsx         | 54 -------------------
 ui/page/settingsStripeCard/view.jsx           |  2 +-
 ui/page/wallet/view.jsx                       |  6 +--
 6 files changed, 5 insertions(+), 120 deletions(-)

diff --git a/ui/component/walletFiatAccountHistory/view.jsx b/ui/component/walletFiatAccountHistory/view.jsx
index 1bac35b8b..49b1ff299 100644
--- a/ui/component/walletFiatAccountHistory/view.jsx
+++ b/ui/component/walletFiatAccountHistory/view.jsx
@@ -81,60 +81,6 @@ const WalletBalance = (props: Props) => {
           </>
       )}
     />
-
-  {/* <Card */}
-  {/*  title={__('Subscriptions (Coming Soon)')} */}
-  {/*  body={ */}
-  {/*    <> */}
-  {/*      <div className="table__wrapper"> */}
-  {/*        <table className="table table--transactions"> */}
-  {/*          <thead> */}
-  {/*          <tr> */}
-  {/*            <th className="date-header">{__('Date')}</th> */}
-  {/*            <th>{<>{__('Receiving Channel Name')}</>}</th> */}
-  {/*            <th>{__('Tip Location')}</th> */}
-  {/*            <th>{__('Amount (USD)')} </th> */}
-  {/*            <th>{__('Card Last 4')}</th> */}
-  {/*            <th>{__('Anonymous')}</th> */}
-  {/*          </tr> */}
-  {/*          </thead> */}
-  {/*          <tbody> */}
-  {/*          {subscriptions && */}
-  {/*          subscriptions.reverse().map((transaction) => ( */}
-  {/*            <tr key={transaction.name + transaction.created_at}> */}
-  {/*              <td>{moment(transaction.created_at).format('LLL')}</td> */}
-  {/*              <td> */}
-  {/*                <Button */}
-  {/*                  className="stripe__card-link-text" */}
-  {/*                  navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id} */}
-  {/*                  label={transaction.channel_name} */}
-  {/*                  button="link" */}
-  {/*                /> */}
-  {/*              </td> */}
-  {/*              <td> */}
-  {/*                <Button */}
-  {/*                  className="stripe__card-link-text" */}
-  {/*                  navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id} */}
-  {/*                  label={ */}
-  {/*                    transaction.channel_claim_id === transaction.source_claim_id */}
-  {/*                      ? 'Channel Page' */}
-  {/*                      : 'Content Page' */}
-  {/*                  } */}
-  {/*                  button="link" */}
-  {/*                /> */}
-  {/*              </td> */}
-  {/*              <td>${transaction.tipped_amount / 100}</td> */}
-  {/*              <td>{lastFour}</td> */}
-  {/*              <td>{transaction.private_tip ? 'Yes' : 'No'}</td> */}
-  {/*            </tr> */}
-  {/*          ))} */}
-  {/*          </tbody> */}
-  {/*        </table> */}
-  {/*        {(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>} */}
-  {/*      </div> */}
-  {/*    </> */}
-  {/*  } */}
-  {/* /> */}
   </>
   );
 };
diff --git a/ui/component/walletFiatBalance/view.jsx b/ui/component/walletFiatBalance/view.jsx
index 377994476..b29dcf202 100644
--- a/ui/component/walletFiatBalance/view.jsx
+++ b/ui/component/walletFiatBalance/view.jsx
@@ -2,7 +2,6 @@
 import * as ICONS from 'constants/icons';
 import * as PAGES from 'constants/pages';
 import React from 'react';
-import CreditAmount from 'component/common/credit-amount';
 import Button from 'component/button';
 import Card from 'component/common/card';
 import Icon from 'component/common/icon';
@@ -17,11 +16,9 @@ const WalletBalance = (props: Props) => {
     accountDetails,
   } = props;
 
-  const [detailsExpanded, setDetailsExpanded] = React.useState(false);
-
   return (
     <>{<Card
-      title={<><Icon size="18" icon={ICONS.FINANCE} />{(accountDetails && (accountDetails.total_received_unpaid / 100)) || 0} USD</>}
+      title={<><Icon size={18} icon={ICONS.FINANCE} />{(accountDetails && (accountDetails.total_received_unpaid / 100)) || 0} USD</>}
       subtitle={
           <I18nMessage>
             This is your remaining balance that can still be withdrawn to your bank account
diff --git a/ui/component/walletFiatPaymentBalance/view.jsx b/ui/component/walletFiatPaymentBalance/view.jsx
index dfd708b9a..fa838eaa1 100644
--- a/ui/component/walletFiatPaymentBalance/view.jsx
+++ b/ui/component/walletFiatPaymentBalance/view.jsx
@@ -4,9 +4,6 @@ import * as PAGES from 'constants/pages';
 import React from 'react';
 import Button from 'component/button';
 import Card from 'component/common/card';
-import Icon from 'component/common/icon';
-import I18nMessage from 'component/i18nMessage';
-import Plastic from 'react-plastic';
 
 type Props = {
   totalTippedAmount: number,
@@ -17,7 +14,6 @@ type Props = {
 const WalletBalance = (props: Props) => {
   const {
     // accountDetails,
-    totalTippedAmount,
     transactions,
   } = props;
 
diff --git a/ui/component/walletFiatPaymentHistory/view.jsx b/ui/component/walletFiatPaymentHistory/view.jsx
index f1f0ae011..da2e3dc96 100644
--- a/ui/component/walletFiatPaymentHistory/view.jsx
+++ b/ui/component/walletFiatPaymentHistory/view.jsx
@@ -111,60 +111,6 @@ const WalletBalance = (props: Props) => {
           </>
         }
       />
-
-    {/* <Card */}
-    {/*  title={__('Subscriptions (Coming Soon)')} */}
-    {/*  body={ */}
-    {/*    <> */}
-    {/*      <div className="table__wrapper"> */}
-    {/*        <table className="table table--transactions"> */}
-    {/*          <thead> */}
-    {/*          <tr> */}
-    {/*            <th className="date-header">{__('Date')}</th> */}
-    {/*            <th>{<>{__('Receiving Channel Name')}</>}</th> */}
-    {/*            <th>{__('Tip Location')}</th> */}
-    {/*            <th>{__('Amount (USD)')} </th> */}
-    {/*            <th>{__('Card Last 4')}</th> */}
-    {/*            <th>{__('Anonymous')}</th> */}
-    {/*          </tr> */}
-    {/*          </thead> */}
-    {/*          <tbody> */}
-    {/*          {subscriptions && */}
-    {/*          subscriptions.reverse().map((transaction) => ( */}
-    {/*            <tr key={transaction.name + transaction.created_at}> */}
-    {/*              <td>{moment(transaction.created_at).format('LLL')}</td> */}
-    {/*              <td> */}
-    {/*                <Button */}
-    {/*                  className="stripe__card-link-text" */}
-    {/*                  navigate={'/' + transaction.channel_name + ':' + transaction.channel_claim_id} */}
-    {/*                  label={transaction.channel_name} */}
-    {/*                  button="link" */}
-    {/*                /> */}
-    {/*              </td> */}
-    {/*              <td> */}
-    {/*                <Button */}
-    {/*                  className="stripe__card-link-text" */}
-    {/*                  navigate={'/' + transaction.channel_name + ':' + transaction.source_claim_id} */}
-    {/*                  label={ */}
-    {/*                    transaction.channel_claim_id === transaction.source_claim_id */}
-    {/*                      ? 'Channel Page' */}
-    {/*                      : 'File Page' */}
-    {/*                  } */}
-    {/*                  button="link" */}
-    {/*                /> */}
-    {/*              </td> */}
-    {/*              <td>${transaction.tipped_amount / 100}</td> */}
-    {/*              <td>{lastFour}</td> */}
-    {/*              <td>{transaction.private_tip ? 'Yes' : 'No'}</td> */}
-    {/*            </tr> */}
-    {/*          ))} */}
-    {/*          </tbody> */}
-    {/*        </table> */}
-    {/*        {(!subscriptions || subscriptions.length === 0) && <p style={{textAlign: 'center', marginTop: '22px', fontSize: '13px', color: 'rgb(171, 171, 171)'}}>No Subscriptions</p>} */}
-    {/*      </div> */}
-    {/*    </> */}
-    {/*  } */}
-    {/* /> */}
   </>
   );
 };
diff --git a/ui/page/settingsStripeCard/view.jsx b/ui/page/settingsStripeCard/view.jsx
index 52dcd8d4e..62e222874 100644
--- a/ui/page/settingsStripeCard/view.jsx
+++ b/ui/page/settingsStripeCard/view.jsx
@@ -360,7 +360,7 @@ class SettingsStripeCard extends React.Component<Props, State> {
       <Page backout={{ title: pageTitle, backLabel: __('Done') }} noFooter noSideNavigation>
         <div>
           {scriptFailedToLoad && (
-            <div className="error__text">There was an error connecting to Stripe. Please try again later.</div>
+            <div className="error__text">{__('There was an error connecting to Stripe. Please try again later.')}</div>
           )}
         </div>
 
diff --git a/ui/page/wallet/view.jsx b/ui/page/wallet/view.jsx
index 811fdedf8..50d8a7c34 100644
--- a/ui/page/wallet/view.jsx
+++ b/ui/page/wallet/view.jsx
@@ -1,6 +1,6 @@
 // @flow
 import React from 'react';
-import { useHistory, withRouter } from 'react-router';
+import { useHistory } from 'react-router';
 import WalletBalance from 'component/walletBalance';
 import WalletFiatBalance from 'component/walletFiatBalance';
 import WalletFiatPaymentBalance from 'component/walletFiatPaymentBalance';
@@ -12,9 +12,8 @@ import * as PAGES from 'constants/pages';
 import Spinner from 'component/spinner';
 import YrblWalletEmpty from 'component/yrblWalletEmpty';
 import { Lbryio } from 'lbryinc';
-import { SIMPLE_SITE, STRIPE_PUBLIC_KEY } from 'config';
+import { STRIPE_PUBLIC_KEY } from 'config';
 import { Tabs, TabList, Tab, TabPanels, TabPanel } from 'component/common/tabs';
-import { PAGE_VIEW_QUERY } from '../channel/view';
 
 const TAB_QUERY = 'tab';
 
@@ -207,6 +206,7 @@ const WalletPage = (props: Props) => {
   );
   // @endif
   // @if TARGET='app'
+  // $FlowFixMe
   // eslint-disable-next-line no-unreachable
   return (
     <Page>