Hello can someone help me on my ongoing project in react js. My problem is more on the validation of the user in registering his/her account but when I run the code it shows that it is already registered even if its new sample account.
const Register = () => {
const navigate = useNavigate();
const [firstName, setFirstName] = useState('');
const [lastName, setLastName] = useState('');
const [userName, setUserName] = useState('');
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [number, setNumber] = useState('');
const [address, setAddress] = useState('');
const [errorMessage, setErrorMessage] = useState('');
const SwalE = withReactContent(Swal);
const checkNewUser = async () => {
const { data } = await axios.get(`${URL}/users`);
const userFound = data.find((user) => user.userName === userName);
if (userFound) {
sessionStorage.setItem('userId', user.id);
navigate('/forms/login');
} else {
sessionStorage.setItem('userId', user.id);
navigate('/');
location.reload();
}
SwalE.fire({
icon: 'success',
title: 'Successfully Registered',
confirmButtonColor: "#435e39",
});
};
const addUser = async () => {
const model = {
firstName: firstName,
lastName: lastName,
userName: userName,
email: email,
password: password,
number: number,
address: address
};
const response = await axios.post(`${URL}/users`, model);
if (response) {
SwalE.fire({
icon: 'error',
title: 'Account Already Registered',
confirmButtonColor: "#435e39",
});
}
};
const validation = (e) => {
e.preventDefault();
if (firstName && lastName && userName && email && password && number && address) {
checkNewUser();
addUser();
} else {
SwalE.fire({
icon: 'warning',
title: 'Incomplete Fields',
text: 'Please fill in all fields',
confirmButtonColor: "#435e39",
});
}
};