feat: sets up new BTC rewards flow (#1343)

* Sets up new rewards flow

* Removes mock

* bump packages

* Revisions

* Update package-lock.json

* mini fix

* fixes

* feat(packages): refactor

* refactor, remove old component

* remove personal balance

Author: jonybur

package-lock.json

@@ -31,8 +31,8 @@
   "dependencies": {
     "@babylonlabs-io/babylon-proto-ts": "1.11.0",
     "@babylonlabs-io/btc-staking-ts": "2.5.6",
-    "@babylonlabs-io/core-ui": "1.26.0",
-    "@babylonlabs-io/wallet-connector": "1.11.1",
+    "@babylonlabs-io/core-ui": "1.29.0",
+    "@babylonlabs-io/wallet-connector": "1.11.6",
     "@bitcoin-js/tiny-secp256k1-asmjs": "2.2.3",
     "@cosmjs/proto-signing": "^0.33.1",
     "@cosmjs/stargate": "^0.33.1",

package.json

@@ -2,40 +2,22 @@ import { AuthGuard } from "@/ui/common/components/Common/AuthGuard";
 import { getNetworkConfigBBN } from "@/ui/common/config/network/bbn";
 import { getNetworkConfigBTC } from "@/ui/common/config/network/btc";
 import { useUTXOs } from "@/ui/common/hooks/client/api/useUTXOs";
-import { useRewardsService } from "@/ui/common/hooks/services/useRewardsService";
 import { useIsMobileView } from "@/ui/common/hooks/useBreakpoint";
 import { useBalanceState } from "@/ui/common/state/BalanceState";
 import { useRewardsState } from "@/ui/common/state/RewardState";
 import { ubbnToBaby } from "@/ui/common/utils/bbn";
 import { satoshiToBtc } from "@/ui/common/utils/btc";
 
-import { ClaimRewardModal } from "../Modals/ClaimRewardModal";
-import { ClaimStatusModal } from "../Modals/ClaimStatusModal/ClaimStatusModal";
 import { Section } from "../Section/Section";
-import { ActionComponent } from "../Stats/ActionComponent";
 import { LoadingStyle, StatItem } from "../Stats/StatItem";
 
 const { networkName: bbnNetworkName, coinSymbol: bbnCoinSymbol } =
   getNetworkConfigBBN();
 const { coinSymbol, networkName } = getNetworkConfigBTC();
 
 export function PersonalBalance() {
-  // Load reward state
-  const {
-    loading: rewardLoading,
-    processing,
-    showRewardModal,
-    showProcessingModal,
-    closeProcessingModal,
-    closeRewardModal,
-    bbnAddress,
-    rewardBalance,
-    transactionFee,
-    transactionHash,
-    setTransactionHash,
-  } = useRewardsState();
+  const { processing } = useRewardsState();
 
-  // Load balance state
   const {
     bbnBalance,
     stakableBtcBalance,
@@ -47,10 +29,7 @@ export function PersonalBalance() {
   const { allUTXOs = [], confirmedUTXOs = [] } = useUTXOs();
   const hasUnconfirmedUTXOs = allUTXOs.length > confirmedUTXOs.length;
 
-  const { claimRewards, showPreview } = useRewardsService();
-
   const isMobile = useIsMobileView();
-  const formattedRewardBalance = ubbnToBaby(rewardBalance);
 
   return (
     <AuthGuard>
@@ -95,41 +74,7 @@ export function PersonalBalance() {
           }
           loadingStyle={LoadingStyle.ShowSpinner}
         />
-
-        <StatItem
-          loading={rewardLoading}
-          title={`${isMobile ? "BABY" : bbnNetworkName} Rewards`}
-          value={`${formattedRewardBalance} ${bbnCoinSymbol}`}
-          suffix={
-            <ActionComponent
-              className="h-6"
-              title="Claim"
-              onAction={showPreview}
-              isDisabled={!rewardBalance || processing}
-            />
-          }
-        />
       </Section>
-
-      <ClaimRewardModal
-        processing={processing}
-        open={showRewardModal}
-        onClose={closeRewardModal}
-        onSubmit={claimRewards}
-        receivingValue={`${formattedRewardBalance}`}
-        address={bbnAddress}
-        transactionFee={transactionFee}
-      />
-
-      <ClaimStatusModal
-        open={showProcessingModal}
-        onClose={() => {
-          closeProcessingModal();
-          setTransactionHash("");
-        }}
-        loading={processing}
-        transactionHash={transactionHash}
-      />
     </AuthGuard>
   );
 }