File tree Expand file tree Collapse file tree 1 file changed +67
-1
lines changed
docs/ff-integrations/authentication/supabase-auth Expand file tree Collapse file tree 1 file changed +67
-1
lines changed Original file line number Diff line number Diff line change 1
1
---
2
2
slug : /integrations/authentication/supabase/auth-actions
3
- title : Auth Actions
3
+ title : Common Auth Actions
4
4
description : Learn how to add Supabase Authentication actions in your FlutterFlow app.
5
5
tags : [Auth Actions, Authentication, Supabase]
6
6
sidebar_position : 1
@@ -62,6 +62,72 @@ Follow the steps below to add this action:
62
62
63
63
![ img_6.png] ( img_6.png )
64
64
65
+ ## Reset Password [ Action]
66
+
67
+ This action allows users to reset their password by sending a reset link to their registered email address.
68
+
69
+ <div style={{
70
+ position: 'relative',
71
+ paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
72
+ height: 0,
73
+ width: '100%'}}>
74
+ <iframe
75
+ src="https://demo.arcade.software/PkAwpUU2WsXbG1DpzNCX?embed&show_copy_link=true"
76
+ title=""
77
+ style={{
78
+ position: 'absolute',
79
+ top: 0,
80
+ left: 0,
81
+ width: '100%',
82
+ height: '100%',
83
+ colorScheme: 'light'
84
+ }}
85
+ frameborder="0"
86
+ loading="lazy"
87
+ webkitAllowFullScreen
88
+ mozAllowFullScreen
89
+ allowFullScreen
90
+ allow="clipboard-write">
91
+ </iframe>
92
+ </div >
93
+ <p ></p >
94
+
95
+ ::: info [ Prerequisites]
96
+
97
+ To build the reset password functionality, you need to create the following two pages in your app:
98
+
99
+ 1 . ** ForgotPassword Page** : This page allows users to enter their email address and request a password reset link.
100
+ 2 . ** UpdatePassword Page** : This page allows users to set a new password after clicking on the reset link.
101
+ :::
102
+
103
+ Here’s how you can add the Supabase reset password feature to your app:
104
+
105
+
106
+ <div style={{
107
+ position: 'relative',
108
+ paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
109
+ height: 0,
110
+ width: '100%'}}>
111
+ <iframe
112
+ src="https://demo.arcade.software/GqayWApqWV2xInXc1SUO?embed&show_copy_link=true"
113
+ title=""
114
+ style={{
115
+ position: 'absolute',
116
+ top: 0,
117
+ left: 0,
118
+ width: '100%',
119
+ height: '100%',
120
+ colorScheme: 'light'
121
+ }}
122
+ frameborder="0"
123
+ loading="lazy"
124
+ webkitAllowFullScreen
125
+ mozAllowFullScreen
126
+ allowFullScreen
127
+ allow="clipboard-write">
128
+ </iframe>
129
+ </div >
130
+ <p ></p >
65
131
66
132
## Delete User
67
133
You can’t perform that action at this time.
0 commit comments