clean up

Author: AnthonyMarin

src/components/nft-dashboard/Balance/components/SendForm/SendForm.tsx

@@ -53,9 +53,10 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
 
   // Debounced effect to calculate transaction size when the amount changes, with JWT
   useEffect(() => {
+   
     const debounceTimeout = setTimeout(() => {
       const fetchTransactionSize = async () => {
-        if (isValidAddress(formData.address)) {
+        if (isValidAddress(formData.address) && isDetailsOpen) {
           //this should use bech32 regex
           try {
             // Ensure user is authenticated
@@ -117,13 +118,12 @@ const SendForm: React.FC<SendFormProps> = ({ onSend }) => {
     setFeeRate(fee); // Update the new fee when it changes
   }, []);
 
-  
+
   function validateBech32Address(address: string) {
     try {
       const decoded = bech32.decode(address);
       const validPrefixes = ['bc', 'tb']; // 'bc' for mainnet, 'tb' for testnet
       if (validPrefixes.includes(decoded.prefix)) {
-        console.log('Address is valid Bech32.');
         return true;
       } else {
         console.log('Invalid prefix.');

src/components/nft-dashboard/unconfirmed-transactions/components/ReplaceTransaction/ReplaceTransaction.styles.ts

@@ -2,7 +2,7 @@ import styled, { css } from 'styled-components';
 import { BaseButton } from '@app/components/common/BaseButton/BaseButton';
 import { BaseInput } from '@app/components/common/inputs/BaseInput/BaseInput';
 interface ResponsiveProps {
-  isMobile: boolean;
+  $isMobile: boolean;
 }
 export const ContentWrapper = styled.div`
   display: flex;
@@ -18,7 +18,7 @@ export const FieldDisplay = styled.div`
 
 export const ValueWrapper = styled.div<ResponsiveProps>`
   ${(props) =>
-    props.isMobile &&
+    props.$isMobile &&
     css`
       width: 100%;
     `}
@@ -50,14 +50,14 @@ export const ButtonRow = styled.div`
   justify-content: center;
   pading: 0.5rem 2rem;
 `;
-export const FeeInput = styled(BaseInput)<{ isMobile: boolean }>`
+export const FeeInput = styled(BaseInput)<{ $isMobile: boolean }>`
 
   
   padding: 1rem;
   background-color: var(--additional-background-color);
   border-radius: 0.5rem;
     ${(props) =>
-    props.isMobile &&
+    props.$isMobile &&
     css`
       width: 100%;
     `}