templates

Author: LineIndent

assets/reflex_build_template_images/admin_console_dashboard.png

@@ -114,9 +114,11 @@ def page(document, is_reflex_template: bool) -> rx.Component:
                 class_name="w-full self-start pl-4",
             ),
             rx.el.iframe(
-                src=meta['demo'],
+                src=meta['video'],
                 class_name="w-full h-full xl:rounded-md shadow-small",
                 id="iFrame",
+                title="Reflex Build",
+                frameborder="0",
             ),
             class_name="w-full h-[80vh] text-center flex flex-col gap-y-4 items-center text-slate-10",
         )

assets/reflex_build_template_images/database_visualization.png

@@ -31,6 +31,7 @@ def app_dialog_with_trigger(
     app_thread: str,
     app_inner_page: str,
     trigger_content: rx.Component,
+    app_video_url: str
 ):
     return rx.dialog.root(
         rx.dialog.trigger(trigger_content, class_name="w-full h-full"),
@@ -60,9 +61,11 @@ def app_dialog_with_trigger(
                     class_name="flex flex-row items-center justify-between",
                 ),
                 rx.el.iframe(
-                    src=app_url,
+                    src=app_video_url,
                     class_name="w-full h-full xl:rounded-md shadow-small z-10",
                     id="iFrame",
+                    title="Reflex Build",
+                    frameborder="0",
                 ),
                 class_name="flex flex-col w-full h-full gap-y-3 relative",
             ),
@@ -78,13 +81,15 @@ def extended_gallery_grid_item(
     app_thread: str,
     app_image: str,
     app_inner_page: str,
+    app_video_url: str
 ):
     return app_dialog_with_trigger(
         app_url=app_url,
         app_author=app_author,
         app_name=app_name,
         app_thread=app_thread,
         app_inner_page=app_inner_page,
+        app_video_url=app_video_url,
         trigger_content=rx.el.div(
             rx.el.div(
                 rx.image(
@@ -148,6 +153,7 @@ def create_grid_with_items():
         app_image = meta.get("image", "")
         slug = re.sub(r"[\s_]+", "-", meta.get("title", "")).lower()
         app_inner_page = f"/templates/{slug}"
+        app_video_url = meta.get('video', "#")
 
         items.append(
             extended_gallery_grid_item(
@@ -157,6 +163,7 @@ def create_grid_with_items():
                 app_thread=app_thread,
                 app_image=f"/{REFLEX_BUILD_TEMPLATES_IMAGES}{app_image}",
                 app_inner_page=app_inner_page,
+                app_video_url=app_video_url
             )
         )