Merge pull request #998 from ambrosus/AMB-5309

refactor(wallet-connect): enhance WalletConnectApprovalView logic

Author: ArturHoncharuk

src/features/wallet-connect/components/composite/wallet-approval-view/index.tsx

@@ -32,8 +32,12 @@ import { styles } from './styles';
 export const WalletConnectApprovalView = () => {
   const { t } = useTranslation();
   const { wallet } = useWalletStore();
-  const { proposal, setActiveSessions, setWalletConnectStep } =
-    useWalletConnectContextSelector();
+  const {
+    proposal,
+    setActiveSessions,
+    walletConnectStep,
+    setWalletConnectStep
+  } = useWalletConnectContextSelector();
   const { onDismissWalletConnectBottomSheet } = useHandleBottomSheetActions();
 
   const [isLoadingApprove, setIsLoadingApprove] = useState(false);
@@ -115,6 +119,10 @@ export const WalletConnectApprovalView = () => {
         throw error;
       } finally {
         setIsLoadingApprove(false);
+
+        if (walletConnectStep === CONNECT_VIEW_STEPS.CONNECT_ERROR) {
+          onDismissWalletConnectBottomSheet();
+        }
       }
     }
   }, [
@@ -123,7 +131,8 @@ export const WalletConnectApprovalView = () => {
     setActiveSessions,
     onDismissWalletConnectBottomSheet,
     onShowToastNotification,
-    setWalletConnectStep
+    setWalletConnectStep,
+    walletConnectStep
   ]);
 
   const RenderFooterNode = useCallback(() => {