feat: modifed unmint naming to redeem, fixed confirmation checker

src/app/components/header/components/tabs.tsx

@@ -13,12 +13,12 @@ export function NavigationTabs({
   return (
     <HStack spacing={'25px'} marginRight={'150px'}>
       <TabButton
-        title={'Mint/Unmint dlcBTC'}
+        title={'Mint/Redeem dlcBTC'}
         isActive={activeTab === '/'}
         handleClick={() => handleTabClick('/')}
       />
       <TabButton
-        title={'My Vaults'}
+        title={'My Mint Vaults'}
         isActive={activeTab === '/my-vaults'}
         handleClick={() => handleTabClick('/my-vaults')}
       />

src/app/components/mint-unmint/components/walkthrough/walkthrough.tsx

@@ -147,7 +147,7 @@ export function Walkthrough({ flow, currentStep }: WalkthroughProps): React.JSX.
             <WalkthroughLayout>
               <WalkthroughHeader
                 currentStep={undefined}
-                title={'Unminted dlcBTC'}
+                title={'Redeemed dlcBTC'}
                 blockchain={'ethereum'}
               />
             </WalkthroughLayout>

src/app/components/mint-unmint/mint-unmint.tsx

@@ -31,11 +31,12 @@
   const { activeTab, mintStep, unmintStep } = useSelector((state: RootState) => state.mintunmint);
 
   useEffect(() => {
+    if (!address) return;
     setAnimate(true);
     setTimeout(() => {
       setAnimate(false);
     }, 1000);
   }, [mintStep, unmintStep]);
 
   function handleTabsChange(index: number) {
     dispatch(mintUnmintActions.setActiveTab(index));
@@ -46,7 +47,7 @@
       <Tabs variant="unstyled" index={activeTab} onChange={handleTabsChange}>
         <TabList>
           <Tab>Mint</Tab>
-          <Tab isDisabled={!address}>Unmint</Tab>
+          <Tab isDisabled={!address}>Redeem</Tab>
         </TabList>
         <TabIndicator mt="5px" h="3.5px" bg={'accent.cyan.01'} />
         <Spacer />

src/app/components/my-vaults-small/my-vaults-small.tsx

@@ -22,7 +22,7 @@ export function MyVaultsSmall({ address }: MyVaultsSmallProps): React.JSX.Elemen
 
   return (
     <MyVaultsSmallLayout>
-      <VaultsList title={'My Vaults'} height={'545px'} isScrollable={!!address && !isLoading}>
+      <VaultsList title={'My Mint Vaults'} height={'545px'} isScrollable={!!address && !isLoading}>
         {address ? (
           <Skeleton isLoaded={!isLoading} w={'100%'}>
             <VaultsListGroupContainer label="Lock BTC" vaults={readyVaults} />

src/app/components/my-vaults/components/my-vaults-header/my-vaults-header.tsx

@@ -17,7 +17,7 @@ export function MyVaultsLargeHeader({
     <VStack w={'100%'} h={'100px'}>
       <HStack w={'100%'} h={'150px'} justifyContent={'space-between'} pr={'25px'}>
         <Text color={'white'} fontSize={'4xl'} fontWeight={600}>
-          My Vaults
+          My Mint Vaults
         </Text>
         <HStack w={'450px'} h={'75%'} justifyContent={'space-between'}>
           <Divider orientation={'vertical'} h={'35px'} variant={'thick'} />

src/app/hooks/use-confirmation-checker.ts

@@ -27,7 +27,7 @@
       });
       bitcoinCurrentBlockHeight = await response.json();
     } catch (error) {
       console.error(error);
     }
 
     let bitcoinTransactionBlockHeight;
@@ -39,24 +39,24 @@
       const bitcoinTransactionDetails = await response.json();
       bitcoinTransactionBlockHeight = bitcoinTransactionDetails.status.block_height;
     } catch (error) {
       console.error(error);
     }
 
     const difference = bitcoinCurrentBlockHeight - bitcoinTransactionBlockHeight;
 
-    setTransactionProgress(difference);
+    setTransactionProgress(difference > 0 ? difference : 0);
 
     if (difference > 6) {
       clearInterval(fetchInterval.current);
     }
   };
 
   fetchTransactionDetails();
 
   useEffect(() => {
     fetchInterval.current = setInterval(fetchTransactionDetails, 10000) as unknown as number; // Cleanup the interval when the component unmounts
     return () => clearInterval(fetchInterval.current);
   }, [vaultState, txID]);
 
   return memoizedTransactionProgress;
 }