basic Login component

Hilla
1

Hello, everyone, how are the events of the Login component defined.e.g handle submit, its not indicated in the documentation

2

Hey Mothusi,

Welcome here! (as I see this is your first post).

This documentation states you can add event listeners to your LoginOverlay component:

Here is some example code of how you can achieve this:

export default function LoginView() {

  const navigate = useNavigate();

  return (
    <LoginOverlay
      opened
      onLogin={async ({ detail: { username, password } }) => {
        const { defaultUrl, error, redirectUrl } = await login(username, password);

        if (error) {
          // log it or flag the error
        } else {
             // handle the login somehow if there was no error.
          const url = redirectUrl ?? defaultUrl ?? '/';
          const path = new URL(url, document.baseURI).pathname;
          navigate(path);
        }
      }}
    />
  );
}
1 Like
3

Here is the same as in the previous post applied in fully functional demo app

2 Likes