#284 fe restore password #285
Conversation
| return <div className={css['dot-row']}>{dots}</div>; | ||
| }; | ||
|
|
||
| function DotDecorComponent(props) { |
| import styles from './RestorePasswordForm.module.css'; | ||
| import { RestorePasswordFormContentComponent } from './restorepassword-form/RestorePasswordFormContent'; | ||
| import { useState } from 'react'; | ||
| import { Link } from 'react-router-dom'; |
There was a problem hiding this comment.
nit: libs import usually is above than custom component/styles. It would be nice to add eslint rule for it
| email: 'Email не відповідає вимогам', | ||
| }; | ||
|
|
||
| const emailPattern = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i; |
There was a problem hiding this comment.
Do we use emailPattern only here? It would be good to create a constant for it and reuse it in all places (Login, Register...)
| const formIsValid = isValid; | ||
| setIsValid(formIsValid); |
There was a problem hiding this comment.
Could we use isValid directly w/o reasigning?
| color: var(--red-red-100, #f34444); | ||
|
|
||
| /* Body/regular */ | ||
| font-family: Roboto, sans-serif; |
There was a problem hiding this comment.
If we use this font for most of the text boxes it makes sense to define it as a global style and do to duplicate it every time
| confirmPassword: 'Паролі не збігаються', | ||
| }; | ||
|
|
||
| const passwordPattern = /^(?=.*[0-9])(?=.*[a-zA-Z])[a-zA-Z0-9]{8,20}$/; |
There was a problem hiding this comment.
I think we want to use the same patter for Register and Login. It makes sense to export it from one place
|
|
||
| axios({ | ||
| method: 'post', | ||
| url: `${process.env.REACT_APP_BASE_API_URL}/api/auth/users/reset_password/`, |
There was a problem hiding this comment.
Do we still need to use this env var? I thought that we decided to use the relative path since API leaves on the same domain
There was a problem hiding this comment.
I do not have any information about it
| <div> | ||
|
|
||
| <div className={styles['reset-password-form']}> |
|
|
||
| export function RestorePasswordModalPage() { | ||
| return ( | ||
| <div className={styles['modal']}> |
There was a problem hiding this comment.
Could we create a shared modal component and reuse it for the rest modals?
Info about reset password
Page about sending email
Form for resetting password
Password successfully restored
Password restored failed
