feat: improve styles error message (#770)

Author: jinoosss

packages/adena-extension/src/components/molecules/approve-transaction/index.tsx

@@ -107,12 +107,16 @@ export const ApproveTransaction: React.FC<ApproveTransactionProps> = ({
   }, [currentBalance, maxDepositAmount]);
 
   const maxDepositErrorMessage = useMemo(() => {
+    if (useNetworkFeeReturn.isLoading) {
+      return '';
+    }
+
     if (isMaxDepositError) {
       return 'Insufficient balance';
     }
 
     return '';
-  }, [currentBalance, maxDepositAmount]);
+  }, [useNetworkFeeReturn.isLoading, isMaxDepositError]);
 
   const networkFeeErrorMessage = useMemo(() => {
     if (useNetworkFeeReturn.isSimulateError) {

packages/adena-extension/src/components/molecules/network-fee/network-fee.styles.ts

@@ -13,6 +13,7 @@ export const NetworkFeeContainer = styled.div`
     padding: 0 16px;
     ${fonts.captionReg};
     color: ${getTheme('red', '_5')};
+    word-break: break-all;
   }
 `;
 

packages/adena-extension/src/components/molecules/storage-deposit/storage-deposit.styles.ts

@@ -13,6 +13,7 @@ export const StorageDepositContainer = styled.div`
     padding: 0 16px;
     ${fonts.captionReg};
     color: ${getTheme('red', '_5')};
+    word-break: break-all;
   }
 `;