import React, { useState } from "react"; import { useDispatch, useSelector } from "react-redux"; import { Redirect } from "react-router-dom"; import { userSignUp } from "../../actions/users"; export const UserSignUp = () => { const dispatch = useDispatch(); const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const [passwordConfirm, setPasswordConfirm] = useState(""); const isLogged = useSelector((state) => state.user.isLogged); const isLoading = useSelector((state) => state.user.loading); const error = useSelector((state) => state.user.error); if (isLogged) { return ; } const handleSubmit = (e) => { e.preventDefault(); dispatch( userSignUp({ username: username, password: password, password_confirm: passwordConfirm, // eslint-disable-line camelcase }) ); }; return (

Sign up


{error && error !== "" && (
{error}
)}
handleSubmit(e)}>
setUsername(e.target.value)} />
setPassword(e.target.value)} />
setPasswordConfirm(e.target.value)} />
{isLoading && ( )} {isLoading || ( )}
); };