38 - Users with Reflex Local Auth

Author: codingforentrepreneurs

full_stack_python/full_stack_python.py

@@ -1,6 +1,7 @@
 """Welcome to Reflex! This file outlines the steps to create a basic app."""
 
 import reflex as rx
+import reflex_local_auth
 
 from rxconfig import config
 from .ui.base import base_page
@@ -46,6 +47,19 @@ def index() -> rx.Component:
 
 app = rx.App()
 app.add_page(index)
+# reflex_local_auth pages
+app.add_page(
+    reflex_local_auth.pages.login_page,
+    route=reflex_local_auth.routes.LOGIN_ROUTE,
+    title="Login",
+)
+app.add_page(
+    reflex_local_auth.pages.register_page,
+    route=reflex_local_auth.routes.REGISTER_ROUTE,
+    title="Register",
+)
+
+# my pages
 app.add_page(pages.about_page, 
              route=navigation.routes.ABOUT_US_ROUTE)
 

full_stack_python/navigation/state.py

@@ -1,10 +1,17 @@
 import reflex as rx
-
+import reflex_local_auth
 from . import routes
 
 class NavState(rx.State):
     def to_home(self):
         return rx.redirect(routes.HOME_ROUTE)
+
+    def to_register(self):
+        return rx.redirect(reflex_local_auth.routes.REGISTER_ROUTE)
+    
+    def to_login(self):
+        return rx.redirect(reflex_local_auth.routes.LOGIN_ROUTE)
+
     def to_about_us(self):
         return rx.redirect(routes.ABOUT_US_ROUTE)
     def to_blog(self):

full_stack_python/ui/nav.py

@@ -1,4 +1,6 @@
 import reflex as rx
+import reflex_local_auth
+
 
 from .. import navigation
 
@@ -39,12 +41,22 @@ def navbar() -> rx.Component:
                     spacing="5",
                 ),
                 rx.hstack(
-                    rx.button(
-                        "Sign Up",
-                        size="3",
-                        variant="outline",
+                    rx.link(
+                        rx.button(
+                            "Register",
+                            size="3",
+                            variant="outline",
+                        ),
+                        href=reflex_local_auth.routes.REGISTER_ROUTE
+                    ),
+                    rx.link(
+                        rx.button(
+                            "Login",
+                            size="3",
+                            variant="outline",
+                        ),
+                        href=reflex_local_auth.routes.LOGIN_ROUTE
                     ),
-                    rx.button("Log In", size="3"),
                     spacing="4",
                     justify="end",
                 ),
@@ -83,8 +95,10 @@ def navbar() -> rx.Component:
                         rx.menu.item("Contact", 
                             on_click=navigation.NavState.to_contact),
                         rx.menu.separator(),
-                        rx.menu.item("Log in"),
-                        rx.menu.item("Sign up"),
+                        rx.menu.item("Log in", 
+                            on_click=navigation.NavState.to_login),
+                        rx.menu.item("Register", 
+                            on_click=navigation.NavState.to_register),
                     ),
                     justify="end",
                 ),

requirements.txt

@@ -1 +1,2 @@
 reflex==0.5.3
+reflex-local-auth