Custom Hero YT Link (#2768)

resolving homepage yt link
tinacms · Jan 20, 2025 · b597d7a · b597d7a
1 parent 28dd93b
commit b597d7a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/components/blocks/Features/Features.template.ts b/components/blocks/Features/Features.template.ts
@@ -79,6 +79,12 @@ export const featuresTemplate: Template = {
                     'This is the Cloudinary Public ID, for example "tina-io/docs/quick-edit-demo".',
                   type: 'string',
                 },
+                {
+                  name: 'link',
+                  label: 'Video Link',
+                  description: 'This is the link when the video is clicked.',
+                  type: 'string',
+                },
               ],
             },
             {

diff --git a/components/blocks/Features/Features.tsx b/components/blocks/Features/Features.tsx
@@ -85,7 +85,9 @@ export function FeatureBlock({ data, index }) {
               <>
                 <div className="relative w-full h-auto pb-4 group">
                   <a
-                    href="https://youtube.com/tinacms"
+                    href={
+                      data.media[0].link ?? 'https://www.youtube.com/@TinaCMS'
+                    }
                     target="_blank"
                     rel="noopener noreferrer"
                     id="play-button-overlay"

diff --git a/content/blocksPages/home.json b/content/blocksPages/home.json
@@ -27,6 +27,7 @@
           "media": [
             {
               "src": "/img/docs/introduction/homepage-demo-2.webm",
+              "link": "https://www.youtube.com/watch?v=zRkeKSZjlyw",
               "_template": "video"
             }
           ],

diff --git a/tina/tina-lock.json b/tina/tina-lock.json