BB-1919: Add registration flow
This PR introduces the new Ocim registration pages with the basic registration flow.
Testing instructions:
npm i && npm start
- Go to http://localhost:3000/registration/domain.
- Insert
existing
and click "Check availability". - Check that an error message is displayed.
- Write something and check that the error message immediately vanishes after editing the field.
- Test that that registration form is working (next/back buttons work, data is store on the state).
- Check that the styles are similar to the ones in the mockups.
Since the validators aren't implemented yet, change a few values in the registrationReducer
to show when fields have feedback error messages. Example: show error on password field:
case RegistrationActions.Types.ROOT_STATE_UPDATE:
// Merge state without erasing previous values
return {
loading: state.loading,
registrationData: {
...state.registrationData,
...action.data.registrationData
},
registrationFeedback: {
...state.registrationFeedback,
...action.data.registrationFeedback,
// ADD THIS LINE
password: "This password already exists!"
}
};
Reviewer: