20 - Counting with Asycnio and Reflex

Author: codingforentrepreneurs

full_stack_python/pages/contact.py

@@ -8,6 +8,13 @@
 class ContactState(rx.State):
     form_data: dict = {}
     did_submit: bool = False
+    timeleft: int = 5
+
+    @rx.var
+    def timeleft_label(self):
+        if self.timeleft < 1:
+            return "No time left"
+        return f"{self.timeleft} seconds"
 
     @rx.var
     def thank_you(self):
@@ -24,8 +31,17 @@ async def handle_submit(self, form_data: dict):
         await asyncio.sleep(2)
         self.did_submit = False
         yield
+    
+    async def start_timer(self):
+        while self.timeleft > 0:
+            await asyncio.sleep(1)
+            self.timeleft -= 1
+            yield
 
-@rx.page(route=navigation.routes.CONTACT_US_ROUTE)
+@rx.page(
+        on_load=ContactState.start_timer,
+        route=navigation.routes.CONTACT_US_ROUTE
+)
 def contact_page() -> rx.Component:
     my_form = rx.form(
             rx.vstack(
@@ -64,6 +80,7 @@ def contact_page() -> rx.Component:
     )
     my_child = rx.vstack(
             rx.heading("Contact Us", size="9"),
+            rx.text(ContactState.timeleft_label),
             rx.cond(ContactState.did_submit, ContactState.thank_you, ""),
             rx.desktop_only(
                 rx.box(