feat(SPV-915) adjust to new web-backend detailed errors

src/App.tsx

@@ -16,6 +16,7 @@ import { ErrorBar } from '@/components/ErrorBar';
 import { ToastContainer } from 'react-toastify';
 
 import 'react-toastify/dist/ReactToastify.css';
+import { errorMessage } from './utils/errorMessage';
 
 const ROUTES = [
   {
@@ -87,22 +88,14 @@ export const App = () => {
         }
       })
       .catch((error) => {
-        let errorMsg;
         if (error.response.status === 401 || error.response.status === 400) {
           setAuthorization(null);
           navigate('/');
           setLoading(false);
           return;
         }
 
-        if (error.response.status === 404) {
-          errorMsg =
-            error.response.data + ". If you can't log in again, please contact our support or try again later!";
-        } else {
-          errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please, try again later!';
-        }
-
-        setError(errorMsg);
+        setError(errorMessage(error.response.data));
         setLoading(false);
       });
     // eslint-disable-next-line react-hooks/exhaustive-deps

src/components/AccountSummary/AccountSummary.tsx

@@ -8,6 +8,7 @@ import { getUser } from '@/api';
 import { Loader } from '@/components/Loader';
 import { ErrorBar } from '@/components/ErrorBar';
 import { convertSatToBsv } from '@/utils/helpers/convertSatToBsv';
+import { errorMessage } from '@/utils/errorMessage';
 
 interface CurrencyRates {
   usd?: number;
@@ -40,16 +41,7 @@ export const AccountSummary = () => {
         setDetails(accountDetails);
       })
       .catch((error) => {
-        let errorMsg;
-
-        if (error.response.status === 404) {
-          errorMsg =
-            "User's account details not found. If you can't log in again, please contact our support or try again later!";
-        } else {
-          errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please, try again later!';
-        }
-
-        setErrors(errorMsg);
+        setErrors(errorMessage(error.response.data));
       })
       .finally(() => {
         setLoading(false);

src/components/ContactsList/_modals/ContactUpsertModal/ContactUpsertModal.tsx

@@ -62,7 +62,6 @@ export const ContactUpsertModal: FC<ContactUpsertModal> = ({
       await upsertContact(paymail, name, phone ? { phoneNumber: phone } : undefined);
       onSuccess();
     } catch (error) {
-      console.error('error', error);
       setError(errorMsg);
     } finally {
       setLoading(false);

src/components/Modal/_modals/TransactionConfirmModal/TransactionConfirmModal.tsx

@@ -13,6 +13,7 @@ import { useAutoupdate } from '@/providers/autoupdate';
 import { convertSatToBsv } from '@/utils/helpers/convertSatToBsv';
 import { PasswordInput } from '@/components/Input/PasswordInput';
 import { modalCloseTimeout } from '../../modalCloseTimeout';
+import { errorMessage } from '@/utils/errorMessage';
 
 export interface TransactionData {
   paymail: string;
@@ -82,17 +83,11 @@ export const TransactionConfirmModal: FC<TransactionConfirmModalProps> = ({
             return;
           }
 
-          if (error.response.status === 400) {
-            setErrors(
-              'Transfer was not sent. Probably you filled the form with incorrect data. Please try once again!',
-            );
-            return;
-          }
-
           setErrors(
-            error.response.data
-              ? error.response.data
-              : 'Transfer was not sent. Please verify transfer data and try once again. If problem will happen again, contact with our support.',
+            errorMessage(
+              error.response.data,
+              'Transfer was not sent. Please verify transfer data and try once again. If problem will happen again, contact with our support.',
+            ),
           );
         }
       })

src/components/Modal/_modals/TransactionDetailsModal/TransactionDetailsModal.tsx

@@ -14,6 +14,7 @@ import { Loader } from '@/components/Loader';
 import { ErrorBar } from '@/components/ErrorBar';
 import { convertSatToBsv } from '@/utils/helpers/convertSatToBsv';
 import { SetPaymailButton } from '@/components/TransferForm/SetPaymailButton';
+import { errorMessage } from '@/utils/errorMessage';
 
 type TransactionDetailsProps = {
   open: boolean;
@@ -33,8 +34,7 @@ export const TransactionDetailsModal: FC<TransactionDetailsProps> = ({ open, onC
         setTransactionData(response);
       })
       .catch((error) => {
-        const errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please try again later';
-        errorMsg && setErrors(errorMsg);
+        setErrors(errorMessage(error.response.data));
       })
       .finally(() => {
         setLoading(false);

src/components/TransactionHistory/TransactionTable/TransactionTable.tsx

@@ -30,6 +30,7 @@ import { useAutoupdate } from '@/providers/autoupdate';
 import _ from 'lodash';
 import { convertSatToBsv } from '@/utils/helpers/convertSatToBsv';
 import { PaginationParams } from '@/api/types/pagination';
+import { errorMessage } from '@/utils/errorMessage';
 
 const KEY_NAME_ENTER = 'Enter';
 const KEY_NAME_SPACE = 'Space';
@@ -91,8 +92,7 @@ export const TransactionTable = () => {
         setTransactionsList(transactions.transactions);
       })
       .catch((error) => {
-        const errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please try again later';
-        setErrors(errorMsg);
+        setErrors(errorMessage(error.response.data));
       })
       .finally(() => {
         setLoading(false);

src/components/UserMenu/UserMenu.tsx

@@ -6,6 +6,7 @@ import { useNavigate } from 'react-router-dom';
 import { useAuthorization } from '@/providers';
 import { logoutUser } from '@/api/requests';
 import { BsvLogo } from '@/components/BsvLogo';
+import { errorMessage } from '@/utils/errorMessage';
 
 interface MenuProps {
   userEmail?: string;
@@ -54,8 +55,7 @@ export const UserMenu: FC<MenuProps> = ({ userEmail }) => {
         Navigate('/');
       })
       .catch((error) => {
-        const errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please try again!';
-        errorMsg && setErrors(errorMsg);
+        setErrors(errorMessage(error.response.data));
       })
       .finally(() => {
         setLoading(false);

src/utils/errorMessage.ts

@@ -0,0 +1,14 @@
+type SPVError = {
+  message: string;
+  code: string;
+};
+
+const isSPVError = (error: unknown): error is SPVError => {
+  return (error as SPVError).code !== undefined && (error as SPVError).message !== undefined;
+};
+
+const DEFAULT_ERROR_MESSAGE = 'Something went wrong... Please, try again later!';
+
+export const errorMessage = (error: SPVError | unknown, fallbackMessage = DEFAULT_ERROR_MESSAGE) => {
+  return isSPVError(error) ? error.message : fallbackMessage;
+};

src/views/LoginPage/LoginPage.tsx

@@ -10,6 +10,7 @@ import { useAuthorization } from '@/providers';
 import { useNavigate } from 'react-router-dom';
 import { LoggedInUser, loginUser } from '@/api';
 import { PasswordInput } from '@/components/Input/PasswordInput';
+import { errorMessage } from '@/utils/errorMessage';
 
 export const LoginPage = () => {
   const [email, setEmail] = useState<string>('');
@@ -50,8 +51,7 @@ export const LoginPage = () => {
         setLoading(false);
       })
       .catch((error) => {
-        const errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please, try again later!';
-        setErrors(errorMsg);
+        setErrors(errorMessage(error.response.data));
         setLoading(false);
       });
   };

src/views/SignupPage/SignupPage.tsx

@@ -12,6 +12,7 @@ import { AfterRegistrationSteps } from '@/components/StepsList/_lists/AfterRegis
 import { RegisterNewUserDto } from '@/api/types/user';
 import { registerUser } from '@/api';
 import { PasswordInput } from '@/components/Input/PasswordInput';
+import { errorMessage } from '@/utils/errorMessage';
 
 export const SignupPage = () => {
   const [email, setEmail] = useState<string>('');
@@ -64,8 +65,7 @@ export const SignupPage = () => {
         setLoading(false);
       })
       .catch((error) => {
-        const errorMsg = error.response.data ? error.response.data : 'Something went wrong... Please, try again later!';
-        setErrors(errorMsg);
+        setErrors(errorMessage(error.response.data));
         setRegistered(false);
         setLoading(false);
       });