[WALL] Aizad/WALL-3802/Error Message doesn't appear when Failed Reset…

… MT5 Password Modal (deriv-com#14683) * chore: added Password Error modal for MT5 Reset Password Modal * chore: fix type errors and use errors instead of isError
ahmadtaimoor-deriv · Apr 18, 2024 · b03d95e · b03d95e
1 parent a4a8536
commit b03d95e
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/packages/wallets/src/components/WalletsResetMT5Password/WalletsResetMT5Password.tsx b/packages/wallets/src/components/WalletsResetMT5Password/WalletsResetMT5Password.tsx
@@ -7,6 +7,7 @@ import { TPlatforms } from '../../types';
 import { validPassword, validPasswordMT5 } from '../../utils/password-validation';
 import { ModalWrapper, WalletButton, WalletPasswordFieldLazy, WalletText } from '../Base';
 import { useModal } from '../ModalProvider';
+import { WalletError } from '../WalletError';
 import WalletSuccessResetMT5Password from './WalletSuccessResetMT5Password';
 import './WalletsResetMT5Password.scss';
 
@@ -32,12 +33,14 @@ const WalletsResetMT5Password = ({
 }: WalletsResetMT5PasswordProps) => {
     const { title } = PlatformDetails[platform];
     const {
+        error: changePasswordError,
         isError: isChangePasswordError,
         isLoading: isChangePasswordLoading,
         isSuccess: isChangePasswordSuccess,
         mutate: changePassword,
     } = useTradingPlatformPasswordReset();
     const {
+        error: changeInvestorPasswordError,
         isError: isChangeInvestorPasswordError,
         isLoading: isChangeInvestorPasswordLoading,
         isSuccess: isChangeInvestorPasswordSuccess,
@@ -73,7 +76,13 @@ const WalletsResetMT5Password = ({
             localStorage.removeItem(`verification_code.${actionParams}`); // TODO:Remove verification code from local storage
             show(<WalletSuccessResetMT5Password title={title} />, { defaultRootId: 'wallets_modal_root' });
         } else if (isChangePasswordError) {
-            hide();
+            show(
+                <WalletError
+                    errorMessage={changePasswordError?.error?.message}
+                    onClick={hide}
+                    title={changePasswordError?.error?.code}
+                />
+            );
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [platform, title, actionParams, isChangePasswordSuccess, isChangePasswordError]);
@@ -85,7 +94,13 @@ const WalletsResetMT5Password = ({
                 defaultRootId: 'wallets_modal_root',
             });
         } else if (isChangeInvestorPasswordError) {
-            hide();
+            show(
+                <WalletError
+                    errorMessage={changeInvestorPasswordError?.error?.message}
+                    onClick={hide}
+                    title={changeInvestorPasswordError?.error?.code}
+                />
+            );
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [platform, title, actionParams, isChangeInvestorPasswordSuccess, isChangeInvestorPasswordError]);