diff --git a/workspaces/cms-config/src/blocks.ts b/workspaces/cms-config/src/blocks.ts
index 7735dedaa7..993bd65ec8 100644
--- a/workspaces/cms-config/src/blocks.ts
+++ b/workspaces/cms-config/src/blocks.ts
@@ -438,6 +438,18 @@ export const blocks = [
}
],
},
+ {
+ name: "youtube",
+ label: "Youtube",
+ widget: "object",
+ fields: [
+ {
+ name: "videoId",
+ widget: "string",
+ crowdin: true
+ }
+ ]
+ },
{
name: "ambassadors_list",
label: "Ambassadors list",
@@ -825,7 +837,7 @@ const flexLayout = {
default: [],
},
],
-} satisfies CmsField;
+} satisfies CmsField;
export const topLevelBlocks = [
{
diff --git a/workspaces/cms-data/src/pages.ts b/workspaces/cms-data/src/pages.ts
index 3efe2ab66d..e156a25d72 100644
--- a/workspaces/cms-data/src/pages.ts
+++ b/workspaces/cms-data/src/pages.ts
@@ -40,6 +40,11 @@ export interface ImageIconLinkCardBlock {
| "grey";
}
+export interface YoutubeBlock {
+ readonly type: "youtube";
+ readonly videoId: string;
+}
+
export interface ListCardItems {
title: string;
description: string;
@@ -175,6 +180,7 @@ export type Block =
| CommunityEventsBlock
| BasicCardBlock
| ImageIconLinkCardBlock
+ | YoutubeBlock
| HeroBlock
| HomeHeroBlock
| LinkListBlock
diff --git a/workspaces/website/src/blocks/Block.tsx b/workspaces/website/src/blocks/Block.tsx
index 6b6a19e0bf..e15714634a 100644
--- a/workspaces/website/src/blocks/Block.tsx
+++ b/workspaces/website/src/blocks/Block.tsx
@@ -20,6 +20,7 @@ import { usePageContext } from "src/renderer/PageContextProvider";
import { HeadingContainer } from "./HeadingContainer";
import VideoSectionBlock from "./VideoSectionBlock";
import { NewsletterCard } from "@ui/Card/NewsletterCard";
+import { YoutubePlayer } from "@ui/YoutubePlayer/YoutubePlayer";
interface Props {
disallowH1?: boolean;
@@ -48,6 +49,8 @@ export function Block({ disallowH1, block, env, locale }: Props): JSX.Element |
);
} else if (block.type === "image_icon_link_card") {
return ;
+ } else if (block.type === "youtube") {
+ return
} else if (block.type === "newsletter_popup") {
return ;
} else if (block.type === "markdown") {
diff --git a/workspaces/website/src/components/YoutubePlayer/YoutubePlayer.css b/workspaces/website/src/components/YoutubePlayer/YoutubePlayer.css
index 21cfd3fb52..62cfd20826 100644
--- a/workspaces/website/src/components/YoutubePlayer/YoutubePlayer.css
+++ b/workspaces/website/src/components/YoutubePlayer/YoutubePlayer.css
@@ -4,7 +4,6 @@
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
- margin-bottom: 50px;
}
.youtubeContainer iframe {