feature: add video link field to public page settings + ts sdk

devflowinc · Dec 17, 2024 · e4b0b25 · e4b0b25
1 parent e3b9d8c
commit e4b0b25
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 10 deletions.
diff --git a/clients/ts-sdk/src/types.gen.ts b/clients/ts-sdk/src/types.gen.ts
@@ -2074,6 +2074,7 @@ export type PublicPageParameters = {
     theme?: ((PublicPageTheme) | null);
     type?: (string) | null;
     useGroupSearch?: (boolean) | null;
+    videoLink?: (string) | null;
 };
 
 export type PublicPageSearchOptions = {

diff --git a/frontends/dashboard/src/pages/dataset/PublicPageSettings.tsx b/frontends/dashboard/src/pages/dataset/PublicPageSettings.tsx
@@ -584,6 +584,23 @@ const PublicPageControls = () => {
               options={Object.keys(HeroPatterns)}
             />
           </div>
+          <div class="grow">
+            <div class="flex items-center gap-1">
+              <label class="block">Video Link</label>
+              <Tooltip
+                tooltipText="Text shown in the search box before user input"
+                body={<FaRegularCircleQuestion class="h-3 w-3 text-black" />}
+              />
+            </div>
+            <input
+              placeholder="Insert video link..."
+              value={extraParams.videoLink || ""}
+              onInput={(e) => {
+                setExtraParams("videoLink", e.currentTarget.value);
+              }}
+              class="block w-full rounded border border-neutral-300 px-3 py-1.5 shadow-sm placeholder:text-neutral-400 focus:outline-magenta-500 sm:text-sm sm:leading-6"
+            />
+          </div>
         </div>
         <Show when={extraParams["heroPattern"]?.heroPatternName !== "Blank"}>
           <div class="flex flex-row items-center justify-start gap-4 pt-4">

diff --git a/server/src/data/models.rs b/server/src/data/models.rs
@@ -3192,6 +3192,9 @@ impl DatasetConfigurationDTO {
                     brand_font_family: page_parameters_self
                         .brand_font_family
                         .or(page_parameters_curr.brand_font_family),
+                    video_link: page_parameters_self
+                        .video_link
+                        .or(page_parameters_curr.video_link),
                 }),
             },
             DISABLE_ANALYTICS: self

diff --git a/server/src/handlers/page_handler.rs b/server/src/handlers/page_handler.rs
@@ -234,6 +234,8 @@ pub struct PublicPageParameters {
     pub creator_linked_in_url: Option<String>,
     #[serde(skip_serializing_if = "Option::is_none")]
     pub brand_font_family: Option<String>,
+    #[serde(skip_serializing_if = "Option::is_none")]
+    pub video_link: Option<String>,
 }
 
 #[utoipa::path(

diff --git a/server/src/public/page.html b/server/src/public/page.html
@@ -280,10 +280,10 @@
     <main>
       <div class="basic">
         <div id="root" class="min-h-[36px]"></div>
-        {% if params.singleProductOptions and params.singleProductOptions.productName %} {% include
-        "product.html" %} {% endif %} {% if tabs|length > 0 %} {% include
-        "tabs.html" %} {% else %} {% include "search-component-code.html" %} {%
-        endif %}
+        {% if params.singleProductOptions and
+        params.singleProductOptions.productName %} {% include "product.html" %}
+        {% endif %} {% if tabs|length > 0 %} {% include "tabs.html" %} {% else
+        %} {% include "search-component-code.html" %} {% endif %}
       </div>
     </main>
     {% if logged_in %}
@@ -375,7 +375,7 @@
         strokeWidth: 2,
         roughness: 3,
         bowing: 3,
-      }
+      },
     );
 
     const arrowSize = 10;
@@ -387,7 +387,7 @@
       {
         stroke: window.paramsData.brandColor || "black",
         strokeWidth: 2,
-      }
+      },
     );
     rc.line(
       startOpenX - 5,
@@ -397,7 +397,7 @@
       {
         stroke: window.paramsData.brandColor || "black",
         strokeWidth: 2,
-      }
+      },
     );
 
     let endRecX = 0;
@@ -418,7 +418,7 @@
           strokeWidth: 2,
           roughness: 3,
           bowing: 3,
-        }
+        },
       );
 
       rc.line(
@@ -429,7 +429,7 @@
         {
           stroke: window.paramsData.brandColor || "black",
           strokeWidth: 2,
-        }
+        },
       );
       rc.line(
         startRecX - 5,
@@ -439,7 +439,7 @@
         {
           stroke: window.paramsData.brandColor || "black",
           strokeWidth: 2,
-        }
+        },
       );
     }