feat: make changes in Register module and update README.md

Author: gobeam

README.md

@@ -7,6 +7,8 @@
 
 <p align="center"> This repository is frontend part of Truthy CMS written in ReactJS & Redux-Saga. For Backend API please visit https://github.com/gobeam/truthy. Ant design (https://ant.design/) is used as an UI library. This project includes User Management, Role Management, Permission Management, Email Module, Account Settings, OTP, RBAC support, Localization, and many more. Hope you like it.<br>
 If you love it don't forget to share your experience. If you want to contribute to the Truthy CMS in any way like API, Frontend, Design, Logo you're more than welcome to do so. Our plan is to make this no. 1 CMS maintained by open-source community.
+
+View Live <a href="http://157.245.148.131:3000">here</a>
  </p>
 
  <p align="center">
@@ -43,6 +45,7 @@ If you love it don't forget to share your experience. If you want to contribute
 - [File Structure](#file-structure)
 - [Application Security](#application-security)
 - [Contributing](#contributing)
+- [Sponsors](#sponsors)
 - [License](#license)
 - [Acknowledgement](#acknowledgement)
 
@@ -199,6 +202,12 @@ User Will have 2FA authentication option available to be turned on or off. For 2
 
 Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 Please make sure to update tests as appropriate. - see `CONTRIBUTING.md` for details.
+**If you want to be featured in contributors list on our home page please add PR on https://github.com/gobeam/truthy-contributors to provide your details.**
+
+---
+
+## Sponsors
+- [Ekbana Solutions Pvt. Ltd](https://ekbana.com/)
 
 ---
 

app/containers/App/saga.js

@@ -20,7 +20,7 @@ import {
   REFRESH_TOKEN,
 } from 'containers/App/constants';
 import { makeOtpValueSelector } from 'containers/App/selectors';
-import { call, put, select, takeLatest } from 'redux-saga/effects';
+import { call, put, select, takeLatest, takeEvery } from 'redux-saga/effects';
 import ApiEndpoint, { BASE_URL } from 'utils/api';
 import { GET, POST } from 'utils/constants';
 import request from 'utils/request';
@@ -111,8 +111,8 @@ export function* handleAuthenticateOtp() {
 }
 
 export default function* appPageSaga() {
-  yield takeLatest(LOGOUT, handleLogout);
+  yield takeEvery(LOGOUT, handleLogout);
   yield takeLatest(GET_PROFILE_REQUEST, handleProfile);
   yield takeLatest(REFRESH_TOKEN, handleRefreshToken);
-  yield takeLatest(AUTHENTICATE_OTP, handleAuthenticateOtp);
+  yield takeEvery(AUTHENTICATE_OTP, handleAuthenticateOtp);
 }

app/containers/LoginPage/saga.js

@@ -1,4 +1,4 @@
-import { call, put, select, takeLatest } from 'redux-saga/effects';
+import { call, put, select, takeEvery } from 'redux-saga/effects';
 import ApiEndpoint from 'utils/api';
 import request from 'utils/request';
 // import messages from 'containers/LoginPage/messages';
@@ -39,5 +39,5 @@ export function* attemptLogin() {
 }
 
 export default function* loginPageSaga() {
-  yield takeLatest(LOGIN_PROCESS, attemptLogin);
+  yield takeEvery(LOGIN_PROCESS, attemptLogin);
 }

app/containers/RegisterPage/actions.js

@@ -11,6 +11,7 @@ import {
   REGISTER_PROCESS,
   REGISTER_SUCCESS,
   SET_FORM_VALUES,
+  CLEAR_FORM_VALUES,
 } from 'containers/RegisterPage/constants';
 
 export function setFormValuesAction(formValues) {
@@ -20,6 +21,13 @@ export function setFormValuesAction(formValues) {
   };
 }
 
+export function clearFormAction(clearFormValue) {
+  return {
+    type: CLEAR_FORM_VALUES,
+    clearFormValue,
+  };
+}
+
 export function asyncStartAction() {
   return {
     type: ASYNC_START,

app/containers/RegisterPage/constants.js

@@ -3,10 +3,12 @@
  * RegisterPage constants
  *
  */
-export const REGISTER_SUCCESS = 'containers/RegisterPage/REGISTER_SUCCESS';
-export const REGISTER_PROCESS = 'containers/RegisterPage/REGISTER_PROCESS';
-export const ADD_VALIDATION_ERROR =
-  'containers/RegisterPage/ADD_VALIDATION_ERROR';
-export const ASYNC_START = 'containers/RegisterPage/ASYNC_START';
-export const ASYNC_END = 'containers/RegisterPage/ASYNC_END';
-export const SET_FORM_VALUES = 'containers/RegisterPage/SET_FORM_VALUES';
+const DOMAIN = 'containers/RegisterPage/';
+
+export const REGISTER_SUCCESS = `${DOMAIN}REGISTER_SUCCESS`;
+export const REGISTER_PROCESS = `${DOMAIN}REGISTER_PROCESS`;
+export const ADD_VALIDATION_ERROR = `${DOMAIN}ADD_VALIDATION_ERROR`;
+export const ASYNC_START = `${DOMAIN}ASYNC_START`;
+export const ASYNC_END = `${DOMAIN}ASYNC_END`;
+export const SET_FORM_VALUES = `${DOMAIN}SET_FORM_VALUES`;
+export const CLEAR_FORM_VALUES = `${DOMAIN}CLEAR_FORM_VALUES`;

app/containers/RegisterPage/reducer.js

@@ -4,11 +4,13 @@
  *
  */
 import produce from 'immer';
-import { ASYNC_END, ASYNC_START } from 'containers/LoginPage/constants';
 import {
   ADD_VALIDATION_ERROR,
   REGISTER_SUCCESS,
   SET_FORM_VALUES,
+  ASYNC_END,
+  ASYNC_START,
+  CLEAR_FORM_VALUES,
 } from 'containers/RegisterPage/constants';
 
 const EmptyFields = {
@@ -26,6 +28,7 @@ export const initialState = {
   errors: [],
   error: '',
   isLoading: false,
+  clearFormValue: false,
 };
 
 /* eslint-disable default-case, no-param-reassign */
@@ -44,6 +47,9 @@ const loginPageReducer = produce((draft, action) => {
     case ASYNC_END:
       draft.isLoading = false;
       break;
+    case CLEAR_FORM_VALUES:
+      draft.clearFormValue = action.clearFormValue;
+      break;
     case REGISTER_SUCCESS:
       draft.isLoading = false;
       break;

app/containers/RegisterPage/registerForm.js

@@ -10,11 +10,13 @@ import { createStructuredSelector } from 'reselect';
 import {
   enterRegisterAction,
   setFormValuesAction,
+  clearFormAction,
 } from 'containers/RegisterPage/actions';
 import {
   makeErrorSelector,
   makeInitialValuesSelector,
   makeIsLoadingSelector,
+  makeClearFormValueSelector,
 } from 'containers/RegisterPage/selectors';
 import messages from 'containers/RegisterPage/messages';
 import { FormattedMessage, injectIntl } from 'react-intl';
@@ -35,7 +37,8 @@ const { Title } = Typography;
 const stateSelector = createStructuredSelector({
   initialValues: makeInitialValuesSelector(),
   errors: makeErrorSelector(),
-  isLoading: makeIsLoadingSelector(),
+  clearFormValue: makeIsLoadingSelector(),
+  isLoading: makeClearFormValueSelector(),
 });
 
 const formItemLayout = {
@@ -63,10 +66,11 @@ const selectLayout = {
   },
 };
 
-const RegisterForm = (props) => {
+function RegisterForm(props) {
   const { intl } = props;
   const dispatch = useDispatch();
-  const { errors, isLoading, initialValues } = useSelector(stateSelector);
+  const { errors, isLoading, initialValues, clearFormValue } =
+    useSelector(stateSelector);
   const [form] = Form.useForm();
   const [password, setPassword] = useState('');
 
@@ -89,6 +93,13 @@ const RegisterForm = (props) => {
     return Promise.resolve();
   };
 
+  useEffect(() => {
+    if (clearFormValue) {
+      form.resetFields();
+      dispatch(clearFormAction(false));
+    }
+  }, [clearFormValue]);
+
   useEffect(() => {
     if (errors?.length) {
       form.setFields(errors);
@@ -220,7 +231,7 @@ const RegisterForm = (props) => {
       </div>
     </FormWrapper>
   );
-};
+}
 
 RegisterForm.propTypes = {
   intl: PropTypes.object,

app/containers/RegisterPage/saga.js

@@ -2,6 +2,7 @@ import { REGISTER_PROCESS } from 'containers/RegisterPage/constants';
 import { call, put, select, takeLatest } from 'redux-saga/effects';
 import {
   asyncEndAction,
+  asyncStartAction,
   enterValidationErrorAction,
 } from 'containers/RegisterPage/actions';
 import { makeFormValuesSelector } from 'containers/RegisterPage/selectors';
@@ -12,14 +13,16 @@ import { showAlert, showFormattedAlert } from 'common/saga';
 import { POST } from 'utils/constants';
 
 export function* handleRegister() {
+  yield put(asyncStartAction());
   const formValues = yield select(makeFormValuesSelector());
   const requestUrl = ApiEndpoint.getRegisterPath();
+  delete formValues.confirmPassword;
+  delete formValues.accept;
   const requestPayload = ApiEndpoint.makeApiPayload(
     requestUrl,
     POST,
     formValues,
   );
-
   try {
     const response = yield call(request, requestPayload);
     if (response && response.error) {

app/containers/RegisterPage/selectors.js

@@ -26,7 +26,14 @@ const makeErrorSelector = () =>
 const makeIsLoadingSelector = () =>
   createSelector(selectRegisterPageDomain, (substate) => substate.isLoading);
 
+const makeClearFormValueSelector = () =>
+  createSelector(
+    selectRegisterPageDomain,
+    (substate) => substate.clearFormValue,
+  );
+
 export {
+  makeClearFormValueSelector,
   makeFormValuesSelector,
   makeErrorSelector,
   makeIsLoadingSelector,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "truthy-react-cms",
   "description": "Truthy CMS starter template for React",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "author": "gobeam <[email protected]>",
   "keywords": [