fix: pr comment

Author: foodaka

src/components/transactions/Swap/errors/SwapErrors.tsx

@@ -1,7 +1,6 @@
 import React, { Dispatch, useEffect } from 'react';
 import { useAppDataContext } from 'src/hooks/app-data-provider/useAppDataProvider';
 import { useZeroLTVBlockingWithdraw } from 'src/hooks/useZeroLTVBlockingWithdraw';
-import { useWeb3Context } from 'src/libs/hooks/useWeb3Context';
 
 import { useModalContext } from '../../../../hooks/useModal';
 import { TrackAnalyticsHandlers } from '../analytics/useTrackAnalytics';
@@ -42,7 +41,6 @@ export const SwapErrors = ({
   trackingHandlers: TrackAnalyticsHandlers;
 }) => {
   const { txError } = useModalContext();
-  const { readOnlyMode } = useWeb3Context();
   const assetsBlockingWithdraw = useZeroLTVBlockingWithdraw();
   const { user: extendedUser } = useAppDataContext();
 
@@ -151,15 +149,6 @@ export const SwapErrors = ({
     return null;
   }
 
-  if (readOnlyMode) {
-    return (
-      <GenericError
-        sx={{ mb: !state.isSwapFlowSelected ? 0 : 4 }}
-        message="This transaction is not possible in watch wallet mode. Please leave watch wallet mode and connect a wallet."
-      />
-    );
-  }
-
   if (hasUserDenied(state.error)) {
     return <UserDenied state={state} setState={setState} key={`user-denied`} />;
   }

src/components/transactions/Swap/errors/shared/ProviderError.tsx

@@ -1,5 +1,6 @@
 import { SxProps, Typography } from '@mui/material';
 import { Warning } from 'src/components/primitives/Warning';
+import { useWeb3Context } from 'src/libs/hooks/useWeb3Context';
 
 import { SwapError, SwapProvider, SwapState } from '../../types';
 import { convertCowProtocolErrorMessage } from '../cow/quote.helpers';
@@ -15,6 +16,7 @@ interface QuoteErrorProps {
 }
 
 export const ProviderError = ({ error, sx, provider, state }: QuoteErrorProps) => {
+  const { readOnlyMode } = useWeb3Context();
   let customErrorMessage;
 
   switch (provider) {
@@ -30,6 +32,12 @@ export const ProviderError = ({ error, sx, provider, state }: QuoteErrorProps) =
   }
 
   if (!customErrorMessage) {
+    if (readOnlyMode) {
+      return (
+        <GenericError message="This transaction is not possible in watch wallet mode. Please leave watch wallet mode and connect a wallet." />
+      );
+    }
+
     const errorToCopy = errorToConsoleString(state, error);
     return (
       <GenericError