Merge pull request #44 from Gamboster/feat/longPressHideShowBalance

Feat: longPress hide/show balance
bitpay · May 31, 2022 · 8d40e70 · 8d40e70
2 parents 734dd66 + a1787e3
commit 8d40e70
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/src/navigation/wallet/screens/WalletDetails.tsx b/src/navigation/wallet/screens/WalletDetails.tsx
@@ -28,7 +28,10 @@ import {Network} from '../../../constants';
 import {showBottomNotificationModal} from '../../../store/app/app.actions';
 import {startUpdateWalletStatus} from '../../../store/wallet/effects/status/status';
 import {findWalletById, isSegwit} from '../../../store/wallet/utils/wallet';
-import {updatePortfolioBalance} from '../../../store/wallet/wallet.actions';
+import {
+  toggleHideBalance,
+  updatePortfolioBalance,
+} from '../../../store/wallet/wallet.actions';
 import {Key, Wallet} from '../../../store/wallet/wallet.models';
 import {
   Air,
@@ -739,20 +742,25 @@ const WalletDetails: React.FC<WalletDetailsScreenProps> = ({route}) => {
             <>
               <HeaderContainer>
                 <BalanceContainer>
-                  <Row>
-                    {!hideBalance ? (
-                      <Balance scale={shouldScale(cryptoBalance)}>
-                        {cryptoBalance} {currencyAbbreviation}
-                      </Balance>
-                    ) : (
-                      <H2>****</H2>
-                    )}
-                  </Row>
-                  <Row>
-                    {showFiatBalance && !hideBalance && (
-                      <Paragraph>{fiatBalance}</Paragraph>
-                    )}
-                  </Row>
+                  <TouchableOpacity
+                    onLongPress={() => {
+                      dispatch(toggleHideBalance({wallet: fullWalletObj}));
+                    }}>
+                    <Row>
+                      {!hideBalance ? (
+                        <Balance scale={shouldScale(cryptoBalance)}>
+                          {cryptoBalance} {currencyAbbreviation}
+                        </Balance>
+                      ) : (
+                        <H2>****</H2>
+                      )}
+                    </Row>
+                    <Row>
+                      {showFiatBalance && !hideBalance && (
+                        <Paragraph>{fiatBalance}</Paragraph>
+                      )}
+                    </Row>
+                  </TouchableOpacity>
                   {!hideBalance && showBalanceDetailsButton() && (
                     <TouchableRow
                       onPress={() => setShowBalanceDetailsModal(true)}>