mirror of
https://github.com/noodlapp/noodl-docs.git
synced 2026-01-11 14:52:54 +01:00
53f0d6320e
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com> Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com> Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com> Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
45 lines
2.4 KiB
Markdown
45 lines
2.4 KiB
Markdown
---
|
|
title: Log In
|
|
hide_title: true
|
|
---
|
|
|
|
# Log In
|
|
|
|
This component is used to log a user in. Once email address and password are set, the sign up is triggered after a signal is sent to the `Do` input.
|
|
|
|
<div className="ndl-image-with-background xl">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
> Please note that [Supabase Client](/library/prefabs/supabase/components/setup-client/) needs to be set up in your app before you can properly use this component.
|
|
|
|
## On success
|
|
|
|
When a user has successfully been logged in the **Log In** component will create a Noodl Object with the id `currentUser`. This object contains all the user data. You can use the **[Supabase - Fetch Current User Profile Data](/library/prefabs/supabase/components/supabase-update-current-user-profile-data)** to refresh all non-auth data for the user.
|
|
|
|
A successful login will also trigger a `Supabase User Logged In` event. You can hook into to this event anywhere in your app using a [Receive Event](/nodes/events/receive-event/) node.
|
|
|
|
## Inputs
|
|
|
|
| Data | Description |
|
|
| ------------------------------------------ | ------------------------------------------ |
|
|
| <span className="ndl-data">Email</span> | Sets the email used to log in the user. |
|
|
| <span className="ndl-data">Password</span> | Sets the password used to log in the user. |
|
|
|
|
| Signals | Description |
|
|
| -------------------------------------- | ------------------------ |
|
|
| <span className="ndl-signal">Do</span> | Triggers the login call. |
|
|
|
|
## Outputs
|
|
|
|
| Data | Description |
|
|
| --------------------------------------- | ---------------------------------------------------------- |
|
|
| <span className="ndl-data">Error</span> | The error sent back after a failed login call to Supabase. |
|
|
|
|
| Signals | Description |
|
|
| ------------------------------------------- | -------------------------------------------------------------------------------- |
|
|
| <span className="ndl-signal">Success</span> | Sends a signal when the request succeeded. |
|
|
| <span className="ndl-signal">Failure</span> | Sends a signal when an error occurred, and logs an error message in the console. |
|