39 - Customize Login and Register Pages

codingforentrepreneurs · codingforentrepreneurs · commit 62ada100f49c · 2024-06-13T17:29:16.000-06:00
diff --git a/full_stack_python/auth/__init__.py b/full_stack_python/auth/__init__.py
@@ -0,0 +1,5 @@
+from . import pages
+
+__all__ = [
+    'pages'
+]
diff --git a/full_stack_python/auth/pages.py b/full_stack_python/auth/pages.py
@@ -0,0 +1,34 @@
+import reflex as rx
+
+from reflex_local_auth.pages.login import LoginState, login_form
+from reflex_local_auth.pages.registration import RegistrationState, register_form
+
+from ..ui.base import base_page
+
+def my_login_page()->rx.Component:
+    return base_page(
+        rx.center(
+            rx.cond(
+                LoginState.is_hydrated,  # type: ignore
+                rx.card(login_form()),
+            ),
+             min_height="85vh",
+        ),
+       
+    )
+
+def my_register_page()->rx.Component:
+    return base_page(
+        rx.center(
+            rx.cond(
+                RegistrationState.success,
+                rx.vstack(
+                    rx.text("Registration successful!"),
+                ),
+                rx.card(register_form()),
+                
+            ),
+             min_height="85vh",
+        )
+       
+    )
diff --git a/full_stack_python/full_stack_python.py b/full_stack_python/full_stack_python.py
@@ -6,7 +6,7 @@
 from rxconfig import config
 from .ui.base import base_page
 
-from . import blog, contact, navigation, pages
+from . import auth, blog, contact, navigation, pages
 
 class State(rx.State):
     """The app state."""
@@ -49,12 +49,12 @@ def index() -> rx.Component:
 app.add_page(index)
 # reflex_local_auth pages
 app.add_page(
-    reflex_local_auth.pages.login_page,
+    auth.pages.my_login_page,
     route=reflex_local_auth.routes.LOGIN_ROUTE,
     title="Login",
 )
 app.add_page(
-    reflex_local_auth.pages.register_page,
+    auth.pages.my_register_page,
     route=reflex_local_auth.routes.REGISTER_ROUTE,
     title="Register",
 )

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +from . import pages
++
 +__all__ = [
 +    'pages'
 +]