Update to use lemcal component from reflex-ui

- Replace pcweb.components.lemcal imports with reflex_ui.blocks.lemcal
- Update pcweb.py to use get_lemcal_script() instead of hardcoded script tag
- Update navbar.py to use lemcal_calendar from reflex-ui
- Remove old pcweb/components/lemcal.py file
- Maintain same functionality while using reusable component

Co-Authored-By: Alek <[email protected]>

Author: devin-ai-integration[bot]

pcweb/components/docpage/navbar/navbar.py

@@ -2,6 +2,7 @@
 
 import reflex as rx
 
+from reflex_ui.blocks.lemcal import lemcal_calendar
 from pcweb.components.button import button
 from pcweb.components.docpage.navbar.navmenu.navmenu import nav_menu
 from pcweb.components.hosting_banner import hosting_banner
@@ -564,14 +565,7 @@ def new_component_section() -> rx.Component:
 
 @rx.memo
 def lemcal_booking_calendar():
-    return rx.el.div(
-        class_name="lemcal-embed-booking-calendar",
-        custom_attrs={
-            "data-user": "usr_8tiwtJ8nEJaFj2qH9",
-            "data-meeting-type": "met_ToQQ9dLZDYrEBv5qz",
-        },
-        on_mount=rx.call_function("window.lemcal.refresh"),
-    )
+    return lemcal_calendar()
 
 
 @rx.memo

pcweb/components/lemcal.py

@@ -2,7 +2,7 @@
 import reflex as rx
 import re
 from pcweb.components.button import button, button_with_icon
-from pcweb.components.lemcal import lemcal_button
+from reflex_ui.blocks.lemcal import lemcal_button
 from pcweb.components.code_card import gallery_app_card
 from pcweb.components.icons import get_icon
 from pcweb.constants import SCREENSHOT_BUCKET

pcweb/pages/gallery/apps.py

@@ -1,7 +1,7 @@
 import reflex as rx
 
 from pcweb.components.new_button import button
-from pcweb.components.lemcal import lemcal_button
+from reflex_ui.blocks.lemcal import lemcal_button
 
 
 def start_building() -> rx.Component:

pcweb/pages/landing/views/start_building.py

@@ -1,6 +1,6 @@
 import reflex as rx
 from pcweb.components.button import button
-from pcweb.components.lemcal import lemcal_button
+from reflex_ui.blocks.lemcal import lemcal_button
 
 
 def glow() -> rx.Component:

pcweb/pages/pricing/faq.py

@@ -1,6 +1,6 @@
 import reflex as rx
 from pcweb.components.button import button
-from pcweb.components.lemcal import lemcal_button
+from reflex_ui.blocks.lemcal import lemcal_button
 
 STYLES = {
     "cell": "text-slate-12 font-medium text-sm whitespace-nowrap",

pcweb/pages/pricing/table.py

@@ -6,6 +6,7 @@
 import reflex as rx
 
 import reflex_enterprise as rxe
+from reflex_ui.blocks.lemcal import get_lemcal_script
 from pcweb import styles
 from pcweb.meta.meta import favicons_links
 from pcweb.pages import page404, routes
@@ -47,10 +48,7 @@
             href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Mono:ital,wght@0,500;0,600;1,600&family=Source+Code+Pro:wght@400;500&display=swap&family=JetBrains+Mono:wght@400;500;600;700&display=swap",
             rel="stylesheet",
         ),
-        rx.el.script(
-            src="https://cdn.lemcal.com/lemcal-integrations.min.js",
-            defer=True,
-        ),
+        get_lemcal_script(),
     ],
 )