rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-10 06:10:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added validation for strong passwords.

Browse Source
This commit is contained in:
Nicholas 2024-02-29 19:20:58 -05:00
parent c510c59057
commit 6dcb0eb5cc
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
compass/app/auth/newPassword/page.tsx
View File

@ -15,15 +15,21 @@ function isStrongPassword(password: string): boolean {
export default function Page() { export default function Page() {
const [newPassword, setNewPassword] = useState(''); const [newPassword, setNewPassword] = useState('');
const [confirmPassword, setConfirmPassword] = useState(''); const [confirmPassword, setConfirmPassword] = useState('');
const [valid, setValid] = useState(false);
const [matching, setMatching] = useState(false);
const [isButtonDisabled, setIsButtonDisabled] = useState(true); const [isButtonDisabled, setIsButtonDisabled] = useState(true);
useEffect(() => {
setValid(isStrongPassword(newPassword))
setMatching(newPassword === confirmPassword)
}, [newPassword, confirmPassword])
useEffect(() => { useEffect(() => {
console.log('newPassword',newPassword) setIsButtonDisabled(newPassword === '' || confirmPassword === '' || !matching || !valid);
console.log('confirmPassword',confirmPassword) console.log(matching)
setIsButtonDisabled(newPassword === '' || confirmPassword === '' || newPassword !== confirmPassword); console.log(valid)
console.log('newPasswordDisabledTest',isButtonDisabled) console.log('newPasswordDisabledTest',isButtonDisabled)
}, [newPassword, confirmPassword]); }, [matching, valid]);
return ( return (