feat(ui): login & sign-up page for IDPE #17049
Conversation
|
Once this feature gets merged, we can start the process of rolling out the new config variables: |
| rgba(191, 47, 229, 0.4) 100% | ||
| ) !important; | ||
| background-color: #13002d !important; | ||
| } |
There was a problem hiding this comment.
might be worth doing div.clockface--app-wrapper, may not be possible if more than divs are used
| email: string | ||
| passwordValidation: FormFieldValidation | ||
| password: string | ||
| handleInputChange: (e: ChangeEvent<HTMLInputElement>) => void |
| handleInputChange, | ||
| handleForgotPasswordClick, | ||
| }) => { | ||
| const [visible, toggleIcon] = useState(false) |
There was a problem hiding this comment.
change visible to isVisible
There was a problem hiding this comment.
change toggleIcon to toggleVisibility
| size={ComponentSize.Large} | ||
| status={ | ||
| emailValidation.isValid | ||
| ? ComponentStatus.Error |
There was a problem hiding this comment.
switch the logic so that isValid displays the status when the email isValid
| lastNameValidation: FormFieldValidation | ||
| password: string | ||
| passwordValidation: FormFieldValidation | ||
| handleInputChange: (e: ChangeEvent<HTMLInputElement>) => void |
| passwordValidation, | ||
| handleInputChange, | ||
| }) => { | ||
| const [visible, toggleIcon] = useState(false) |
| ]} | ||
| leave={{height: 0}} | ||
| > | ||
| {show => |
| errors.confirmPasswordError = confirmPasswordError | ||
| } | ||
|
|
||
| const isValid = !Object.values(errors).some(error => !!error) |
There was a problem hiding this comment.
change some to every to check for an empty string
There was a problem hiding this comment.
change isValid to actually mean that there are no errors, right now it's indicating that there are errors
| this.setState({buttonStatus: ComponentStatus.Default}) | ||
| return | ||
| } | ||
| // log the user into Quartz |
There was a problem hiding this comment.
login to auth0, not Quartz
| } | ||
|
|
||
| private displayErrorMessage = (errors, auth0Err) => { | ||
| if (auth0Err.code.includes('error in email')) { |
There was a problem hiding this comment.
switch this back to regex from Quartz
| } | ||
| } | ||
|
|
||
| private handleInputChange = (e: ChangeEvent<HTMLInputElement>) => { |
| } | ||
|
|
||
| private displayErrorMessage = (errors, auth0Err) => { | ||
| if (/error in email/.test(auth0Err.code)) { |
#16979) feat(ui): added route logic and basic login page format for login epic
feat(ui): added auth0 to branch and added form functionality
feat(ui): added social button component
refactored the logout component and added in logout functionality behind a feature flag
This PR is the final part in a series of PRs geared at integrating a new sign-up/ log-in flow for cloud users. The view of this page is supposed to mirror the refactored version that exists as a branch on Quartz (and will eventually become the main log-in & sign-up page for Cloud2). This PR was broken down into a separate branch and worked upon in the following PRs:
Add routing logic (feat(ui): added route logic and basic login page format for login epic #16979)
Added Auth0 and Basic form functionality (feat(ui): added auth0 to branch and added form functionality #16987)
Created a Social Button component for sign-in through social identity provider (feat(ui): added social button component #17033)
Added
react-springfor transition effects between form toggles (feat(ui): added transition effects between form toggling #17044)Added logout functionality (feat(ui): added logout functionality to epic #17045)
CHANGELOG.md updated with a link to the PR (not the Issue)