use lemcal embedded calendar (#1620)

Author: carlosabadia

pcweb/components/docpage/navbar/navbar.py

@@ -107,7 +107,7 @@ def link_item(name: str, url: str, active_str: str = ""):
             }
         },
         class_name=common_cn + rx.cond(active, active_cn, unactive_cn),
-        on_click=SidebarState.set_sidebar_index(0)
+        on_click=SidebarState.set_sidebar_index(0),
     )
 
 
@@ -535,13 +535,11 @@ def new_component_section() -> rx.Component:
                 class_name="desktop-only",
             ),
             nav_menu.item(
-                ui.link(
-                    render_=button(
+                lemcal_dialog(
+                    button(
                         "Book a Demo",
                         class_name="!h-8 !font-small-smbold !rounded-[0.625rem] whitespace-nowrap",
                     ),
-                    target="_blank",
-                    to=LEMCAL_DEMO_URL,
                 ),
                 class_name="xl:flex hidden",
             ),

pcweb/pages/demo/header.py

@@ -17,17 +17,15 @@ def custom_quote_form() -> rx.Component:
                 "Enterprise-ready solutions designed for scale, compliance, and support. Contact us for a tailored quote based on your infrastructure and team size.",
                 class_name="text-slate-11 text-md leading-relaxed font-medium text-center max-w-xl mx-auto",
             ),
-            ui.link(
-                render_=rx.el.div(
+            lemcal_dialog(
+                rx.el.div(
                     ui.button(
                         "Contact Sales",
                         class_name="font-semibold",
                         size="lg",
                     ),
                     class_name="p-3 border border-slate-3 rounded-[1.375rem] border-solid mt-2",
                 ),
-                target="_blank",
-                to=LEMCAL_DEMO_URL,
             ),
             rx.box(
                 rx.el.span(

pcweb/pages/gallery/apps.py

@@ -162,14 +162,12 @@ def page(document, is_reflex_template: bool) -> rx.Component:
                     *(
                         [
                             rx.box(
-                                ui.link(
-                                    render_=button_with_icon(
+                                lemcal_dialog(
+                                    button_with_icon(
                                         "Book a Demo",
                                         icon="new_tab",
                                         class_name="flex-row-reverse gap-2 !w-full",
                                     ),
-                                    target="_blank",
-                                    to=LEMCAL_DEMO_URL,
                                 ),
                                 class_name="flex justify-center items-center h-full !w-full [&_button]:!w-full",
                             )

pcweb/pages/landing/views/start_building.py

@@ -23,13 +23,11 @@ def start_building() -> rx.Component:
             "Start building with Reflex",
             class_name="text-slate-9 text-2xl lg:text-4xl font-semibold text-center",
         ),
-        ui.link(
-            render_=button(
+        lemcal_dialog(
+            button(
                 "Contact sales",
                 size="xl",
             ),
-            target="_blank",
-            to=LEMCAL_DEMO_URL,
             class_name="mt-6",
         ),
         class_name="flex flex-col justify-center items-center lg:mx-auto md:w-full max-w-[64.19rem] lg:border-x border-slate-3 pb-[6.31rem] border-t border-slate-3 py-[6rem] relative z-[1] overflow-hidden isolate w-screen -mx-4",

pcweb/pages/pricing/faq.py

@@ -25,17 +25,15 @@ def header() -> rx.Component:
 
 
 def sales_button() -> rx.Component:
-    return ui.link(
-        render_=rx.fragment(
+    return lemcal_dialog(
+        rx.fragment(
             glow(),
             button(
                 "Need more help? Contact sales",
                 variant="secondary",
                 class_name="!text-slate-11 !font-semibold !text-sm",
             ),
         ),
-        target="_blank",
-        to=LEMCAL_DEMO_URL,
         class_name="self-center relative",
     )
 

pcweb/pages/pricing/plan_cards.py

@@ -345,15 +345,13 @@ def popular_card(
                     disabled=True,
                     class_name="w-full mb-6 !text-sm !font-semibold opacity-50 cursor-not-allowed",
                 ),
-                ui.link(
-                    render_=ui.button(
+                lemcal_dialog(
+                    ui.button(
                         button_text,
                         variant="primary",
                         size="lg",
                         class_name="w-full mb-6 !text-sm !font-semibold",
                     ),
-                    target="_blank",
-                    to=LEMCAL_DEMO_URL,
                 ),
             ),
             # Pricing Section

pcweb/pages/pricing/table.py

@@ -181,14 +181,12 @@ def create_table_cell(content: str | rx.Component) -> rx.Component:
 def create_action_button(
     text: str, variant: str, extra_styles: str = ""
 ) -> rx.Component:
-    return ui.link(
-        render_=button(
+    return lemcal_dialog(
+        button(
             text,
             variant=variant,
             class_name=f"{STYLES['button_base']} {extra_styles}",
         ),
-        target="_blank",
-        to=LEMCAL_DEMO_URL,
         class_name="w-full flex justify-center items-center",
     )