Refactor useEffect dependencies in SwapComponent and ConfirmationModal

Author: Ho3einWave

lib/components/Swap/Swap.tsx

@@ -52,12 +52,14 @@ export const SwapComponent: FC<SwapProps> = ({
         disconnect,
     } = useWalletStore();
     useEffect(() => {
-        if (tonConnectInstance.wallet) {
-            setWallet(tonConnectInstance.wallet);
-        } else if (stateWallet && !tonConnectInstance.wallet) {
-            disconnect();
-        }
-    }, []);
+        tonConnectInstance.onStatusChange((wallet) => {
+            if (wallet) {
+                setWallet(wallet);
+            } else if (stateWallet && !wallet) {
+                disconnect();
+            }
+        });
+    }, [tonConnectInstance.wallet]);
 
     const { initializeApp, receive_token, refetchBestRoute, swapModal } =
         useSwapStore();

lib/components/SwapButton/ConfirmationModal.tsx

@@ -6,7 +6,7 @@ import { FaArrowRightArrowLeft } from "react-icons/fa6";
 import SwapKeyValue from "../SwapDetails/SwapKeyValue";
 import formatNumber from "../../utils/formatNum";
 import swap from "../../utils/swap";
-import { FC } from "react";
+import { FC, useEffect } from "react";
 import "./ConfirmationModal.scss";
 import { useOptionsStore } from "../../store/options.store";
 type ConfirmationModalProps = {
@@ -18,9 +18,13 @@ const ConfirmationModal: FC<ConfirmationModalProps> = ({ setConfirmModal }) => {
         setConfirmModal(false);
     };
     const { tonConnectInstance } = useOptionsStore();
-    // tonConnectInstance?.uiOptions = {
-    //     actionsConfiguration: { modals: [] },
-    // }
+    useEffect(() => {
+        if (tonConnectInstance) {
+            tonConnectInstance.uiOptions = {
+                actionsConfiguration: { modals: [] },
+            };
+        }
+    }, [tonConnectInstance]);
 
     const { colors } = useThemeStore();
     const {

lib/components/SwapButton/SwapButton.tsx

@@ -55,7 +55,7 @@ const SwapButton = () => {
     const buttonDisabled = isButtonDisabled();
 
     const handleSwapClick = () => {
-        if (!tonConnectInstance?.wallet) {
+        if (tonConnectInstance && !tonConnectInstance?.wallet) {
             tonConnectInstance?.openModal();
         } else {
             setConfirmModal(true);