fix: clear error message (#82)

clear error message on close button click

VAN-1984

src/base-container/index.jsx

@@ -4,7 +4,11 @@ import { ModalDialog } from '@openedx/paragon';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 
+import { useDispatch } from '../data/storeHooks';
 import { deleteQueryParams } from '../data/utils';
+import { loginErrorClear } from '../forms/login-popup/data/reducers';
+import { clearAllRegistrationErrors } from '../forms/registration-popup/data/reducers';
+import { forgotPasswordClearStatus } from '../forms/reset-password-popup/forgot-password/data/reducers';
 import './index.scss';
 
 /**
@@ -25,8 +29,13 @@ const BaseContainer = ({
   isOpen,
   size = 'lg',
 }) => {
+  const dispatch = useDispatch();
+
   const handleOnClose = () => {
     deleteQueryParams(['authMode', 'tpa_hint', 'password_reset_token', 'track']);
+    dispatch(forgotPasswordClearStatus());
+    dispatch(loginErrorClear());
+    dispatch(clearAllRegistrationErrors());
     close();
   };
 

src/forms/registration-popup/data/reducers.js

@@ -62,6 +62,10 @@ export const registerSlice = createSlice({
       delete registrationErrorTemp[payload];
       state.registrationError = registrationErrorTemp;
     },
+    clearAllRegistrationErrors: (state) => {
+      state.registrationError = {};
+      state.validations = null;
+    },
     setRegistrationFields: (state, { payload }) => {
       state.registrationFields = payload;
     },
@@ -77,6 +81,7 @@ export const {
   fetchRealtimeValidations,
   fetchRealtimeValidationsSuccess,
   fetchRealtimeValidationsFailed,
+  clearAllRegistrationErrors,
   clearRegistrationBackendError,
 } = registerSlice.actions;
 

src/forms/registration-popup/data/tests/reducer.test.js

@@ -2,7 +2,9 @@ import {
   COMPLETE_STATE, DEFAULT_STATE, PENDING_STATE,
 } from '../../../../data/constants';
 import registerReducer, {
-  clearRegistrationBackendError, fetchRealtimeValidations,
+  clearAllRegistrationErrors,
+  clearRegistrationBackendError,
+  fetchRealtimeValidations,
   fetchRealtimeValidationsFailed,
   fetchRealtimeValidationsSuccess,
   registerInitialState,
@@ -56,4 +58,21 @@ describe('registerSlice reducer', () => {
 
     expect(nextState.registrationError).toEqual({ errorCode: 'duplicate-email' });
   });
+
+  it('should handle clearAllRegistrationErrors action', () => {
+    const nextState = registerReducer({
+      ...registerInitialState,
+      registrationError: {
+        email: [
+          {
+            userMessage: 'This email is already associated with an existing or previous edX account',
+          },
+        ],
+        errorCode: 'duplicate-email',
+      },
+
+    }, clearAllRegistrationErrors());
+
+    expect(nextState.registrationError).toEqual({});
+  });
 });