User Registration should send a verification email to the User (Frontend)

[FredrikEH]

EPIC: #9

After the email and password have been validated and approved on the Sign-Up page, the user should receive a verification email to be able to proceed with the registration.

• Send a verification email to the user when the user click Sign Up on the Register Page

// register/index.js
// function onRegister() --> check auth.js

<Button
  text="Sign up"
  onClick={() => onRegister(formData.email, formData.password)}
  classes="green width-full"
 />

• The email should contain a verification link

• The link should make it possible for the user to login:
  See design document: Email Verification Page

• The user should be able to click the Resendbutton to recieve a new email.

// verification/index.js

const Verification = () => {
  const navigate = useNavigate();

  const onContinueClick = () => {
    navigate('/welcome');
  };

  return (
    <div className="bg-blue verify credentialpage">
        ...
        ...
        <div className="verify-card-buttons">
          <Button text="Resend email" classes="offwhite" /* ADD HANDLE CLICK EVENT HERE */ />
          <Button text="Continue" onClick={onContinueClick} classes="green" />
        </div>
      </div>
    </div>
  );
};

Possible resource/stackoverflow tips: Use nodemailer. NOTE! Check if it's a secure library or research other solutions.

[amos1969]

Approved