fix(docs): YouTubEmbed naming

dineshpinto · dineshpinto · commit b69273a54abb · 2025-12-17T04:24:48.000+04:00
diff --git a/docs/fassets/developer-guides/10-fassets-redemption-default.mdx b/docs/fassets/developer-guides/10-fassets-redemption-default.mdx
@@ -7,7 +7,7 @@ keywords: [fassets, flare-network]
 sidebar_position: 10
 ---
 
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 ## Overview
 
@@ -109,7 +109,7 @@ It does the following:
 
 ## Video Tutorial
 
-<YoutubeEmbed videoId="a737yFcglnM?si=bHoFxhrlWhMCxEQr&start=275"></YoutubeEmbed>
+<YouTubeEmbed videoId="a737yFcglnM?si=bHoFxhrlWhMCxEQr&start=275"></YouTubeEmbed>
 
 ## Summary
 
diff --git a/docs/fassets/developer-guides/5-fassets-mint.mdx b/docs/fassets/developer-guides/5-fassets-mint.mdx
@@ -13,7 +13,7 @@ import FAssetsCreateXrpPayment from "!!raw-loader!/examples/developer-hub-javasc
 import FAssetsExecuteMinting from "!!raw-loader!/examples/developer-hub-javascript/fassetsExecuteMinting.ts";
 import MintingFees from "./_minting_fees.mdx";
 import PaymentTimeframes from "./_payment_timeframes.mdx";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 ## Overview
 
@@ -129,7 +129,7 @@ This script demonstrates how to retrieve the FDC proof and execute minting.
 
 ## Video Tutorial
 
-<YoutubeEmbed videoId="a737yFcglnM?si=5L0owLyQREvO09d8"></YoutubeEmbed>
+<YouTubeEmbed videoId="a737yFcglnM?si=5L0owLyQREvO09d8"></YouTubeEmbed>
 
 ## Summary
 
diff --git a/docs/fassets/developer-guides/6-fassets-mint-executor.mdx b/docs/fassets/developer-guides/6-fassets-mint-executor.mdx
@@ -13,7 +13,7 @@ import FAssetsCreateXrpPayment from "!!raw-loader!/examples/developer-hub-javasc
 import FAssetsExecuteMinting from "!!raw-loader!/examples/developer-hub-javascript/fassetsExecuteMinting.ts";
 import MintingFees from "./_minting_fees.mdx";
 import PaymentTimeframes from "./_payment_timeframes.mdx";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 ## Overview
 
@@ -143,7 +143,7 @@ This script demonstrates how to retrieve the FDC proof and execute minting.
 
 ## Video Tutorial
 
-<YoutubeEmbed videoId="a737yFcglnM?si=5L0owLyQREvO09d8"></YoutubeEmbed>
+<YouTubeEmbed videoId="a737yFcglnM?si=5L0owLyQREvO09d8"></YouTubeEmbed>
 
 ## Summary
 
diff --git a/docs/fassets/developer-guides/7-fassets-redeem.mdx b/docs/fassets/developer-guides/7-fassets-redeem.mdx
@@ -11,7 +11,7 @@ import CodeBlock from "@theme/CodeBlock";
 import RemixEmbed from "@site/src/components/RemixEmbed";
 import FAssetsRedeem from "!!raw-loader!/examples/developer-hub-solidity/FAssetsRedeem.sol";
 import RedemptionProcessPrerequisites from "./_redemption_process_prerequisites.mdx";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 ## Overview
 
@@ -345,7 +345,7 @@ If the agent is unable to pay the redemption payment in the specified time, the
 
 ## Video Tutorial
 
-<YoutubeEmbed videoId="a737yFcglnM?si=bHoFxhrlWhMCxEQr&start=275"></YoutubeEmbed>
+<YouTubeEmbed videoId="a737yFcglnM?si=bHoFxhrlWhMCxEQr&start=275"></YouTubeEmbed>
 
 ## Summary
 
diff --git a/docs/fdc/1-overview.mdx b/docs/fdc/1-overview.mdx
@@ -11,7 +11,7 @@ unlisted: false
 
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 The **F**lare **D**ata **C**onnector (FDC) is an [enshrined oracle](/support/terminology#enshrined-oracle) designed to validate external data for Flare's EVM state.
 It allows users to submit attested data that smart contracts can trust, eliminating the need for direct reliance on users for data integrity.
@@ -128,4 +128,4 @@ The **Flare Data Connector (FDC)** is a critical infrastructure component for th
 
 ## Watch the video
 
-<YoutubeEmbed videoId="4mAT1v8gZMQ?si=w6z6Gw6siCTX3Ntg"></YoutubeEmbed>
+<YouTubeEmbed videoId="4mAT1v8gZMQ?si=w6z6Gw6siCTX3Ntg"></YouTubeEmbed>
diff --git a/docs/fdc/2-getting-started.mdx b/docs/fdc/2-getting-started.mdx
@@ -17,7 +17,7 @@ keywords:
 
 import RemixEmbed from "@site/src/components/RemixEmbed";
 import CodeBlock from "@theme/CodeBlock";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 import FDCTransferEventListener from "!!raw-loader!/examples/developer-hub-solidity/FDCTransferEventListener.sol";
 import PrepareRequest from "!!raw-loader!/examples/developer-hub-javascript/fdc_prepare_request.ts";
 import SubmitRequest from "!!raw-loader!/examples/developer-hub-javascript/fdc_submit_request.ts";
@@ -431,4 +431,4 @@ isFinalized(uint256 _protocolId, uint256 _votingRoundId) returns (bool)
 
 ## Watch the video
 
-<YoutubeEmbed videoId="bURtt4siWd0?si=tVnpU0SC7ISMnrA0"></YoutubeEmbed>
+<YouTubeEmbed videoId="bURtt4siWd0?si=tVnpU0SC7ISMnrA0"></YouTubeEmbed>
diff --git a/docs/ftso/0-overview.mdx b/docs/ftso/0-overview.mdx
@@ -17,7 +17,7 @@ keywords:
 
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 The **F**lare **T**ime **S**eries **O**racle **(FTSO)** is an [enshrined oracle](/support/terminology#enshrined-oracle) that provides decentralized data feeds to the Flare network.
 Since the release of FTSOv1 two years ago, users and applications on Flare have enjoyed consistent and reliable pricing, with zero downtime or failures.
@@ -138,4 +138,4 @@ Data providers are rewarded when the block-latency feeds remains within `±0.25%
 
 ## Watch the video
 
-<YoutubeEmbed videoId="4mAT1v8gZMQ?si=w6z6Gw6siCTX3Ntg"></YoutubeEmbed>
+<YouTubeEmbed videoId="4mAT1v8gZMQ?si=w6z6Gw6siCTX3Ntg"></YouTubeEmbed>
diff --git a/docs/ftso/1-getting-started.mdx b/docs/ftso/1-getting-started.mdx
@@ -17,7 +17,7 @@ keywords:
 
 import RemixEmbed from "@site/src/components/RemixEmbed";
 import CodeBlock from "@theme/CodeBlock";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 import FtsoV2FeedConsumer from "!!raw-loader!/examples/developer-hub-solidity/FtsoV2FeedConsumer.sol";
 import OpenSolidityCompiler from "/static/img/ftso-getting-started/0-open-solidity-compiler-tab.png";
 import SetEvmVersion from "/static/img/set-evm-version-remix.png";
@@ -176,4 +176,4 @@ The floating point value of a feed can be calculated by dividing the `feedValue`
 
 ## Watch the video
 
-<YoutubeEmbed videoId="Lgia7lbTSk0?si=-7xaJ9dth0F6N-7F"></YoutubeEmbed>
+<YouTubeEmbed videoId="Lgia7lbTSk0?si=-7xaJ9dth0F6N-7F"></YouTubeEmbed>
diff --git a/docs/ftso/scaling/1-overview.mdx b/docs/ftso/scaling/1-overview.mdx
@@ -16,7 +16,7 @@ keywords:
 
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 **Scaling** is an advanced framework designed to complement FTSOv2's block-latency feeds by providing robust commit-reveal anchored prices every 90 seconds.
 It operates through data providers who submit feed estimates weighted by their stake in the network.
@@ -153,4 +153,4 @@ As a result, Scaling maintains robust participation across both common and niche
 
 ## Watch the video
 
-<YoutubeEmbed videoId="4mAT1v8gZMQ?si=w6z6Gw6siCTX3Ntg"></YoutubeEmbed>
+<YouTubeEmbed videoId="4mAT1v8gZMQ?si=w6z6Gw6siCTX3Ntg"></YouTubeEmbed>
diff --git a/docs/network/0-overview.mdx b/docs/network/0-overview.mdx
@@ -25,7 +25,7 @@ import BlockNumCostonGo from "!!raw-loader!/examples/developer-hub-go/coston/blo
 import BlockNumFlareGo from "!!raw-loader!/examples/developer-hub-go/flare/block_number.go";
 import BlockNumCoston2Go from "!!raw-loader!/examples/developer-hub-go/coston2/block_number.go";
 import BlockNumSongbirdGo from "!!raw-loader!/examples/developer-hub-go/songbird/block_number.go";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 Flare provides four EVM-compatible, permissionless networks designed for different stages of application and protocol development
 
@@ -391,4 +391,4 @@ Additional resources: [Flare Brand Kit](https://flare.network/media/), [go-flare
 
 ## Watch the video
 
-<YoutubeEmbed videoId="GwY_BhEpBG8?si=5jY4dq8d1Cv8YoYX"></YoutubeEmbed>
+<YouTubeEmbed videoId="GwY_BhEpBG8?si=5jY4dq8d1Cv8YoYX"></YouTubeEmbed>
diff --git a/docs/network/1-getting-started.mdx b/docs/network/1-getting-started.mdx
@@ -6,7 +6,7 @@ keywords: [solidity, smart-contract, metamask, remix, flare-network, blockchain]
 ---
 
 import RemixEmbed from "@site/src/components/RemixEmbed";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 import CodeBlock from "@theme/CodeBlock";
 import HelloWorld from "!!raw-loader!/examples/developer-hub-solidity/HelloWorld.sol";
 import OpenMetamask from "/static/img/deploy-first-contract/0-open-metamask.png";
@@ -172,7 +172,7 @@ Now you know how to deploy and call example contracts on Flare's testnet. You ca
 
 ## Watch the video
 
-<YoutubeEmbed videoId="X4xEVD0sPzA?si=_Xk6IxtB-rIZCSGK"></YoutubeEmbed>
+<YouTubeEmbed videoId="X4xEVD0sPzA?si=_Xk6IxtB-rIZCSGK"></YouTubeEmbed>
 
 :::tip[What's next?]
 
diff --git a/docs/network/7-fsp.mdx b/docs/network/7-fsp.mdx
@@ -11,7 +11,7 @@ import DocCardList from "@theme/DocCardList";
 import SolidityReference from "@site/src/features/DataTables/SolidityReference";
 import ThemedImage from "@theme/ThemedImage";
 import useBaseUrl from "@docusaurus/useBaseUrl";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 The **F**lare **S**ystems **P**rotocol (**FSP**) is a foundational infrastructure designed to support Flare's enshrined protocols (technically referred to as sub-protocols).
 Its primary goal is to facilitate secure, efficient, and decentralized consensus mechanisms through weighted voting by a select group of entities known as **data providers** or **voters**.
@@ -38,7 +38,7 @@ like the [Flare Time Series Oracle](/ftso/overview) and the [Flare Data Connecto
 
 ## Watch the video
 
-<YoutubeEmbed videoId="s2n5Hc0gSZs?si=UDvQfe4oZMvKtVCa"></YoutubeEmbed>
+<YouTubeEmbed videoId="s2n5Hc0gSZs?si=UDvQfe4oZMvKtVCa"></YouTubeEmbed>
 
 ## Components
 
diff --git a/docs/network/guides/secure-random-numbers.mdx b/docs/network/guides/secure-random-numbers.mdx
@@ -30,7 +30,7 @@ import SecureRandomWeb3Py from "!!raw-loader!/examples/developer-hub-python/secu
 import SecureRandomRust from "!!raw-loader!/examples/developer-hub-rust/src/bin/secure_random_coston2.rs";
 import SecureRandomGo from "!!raw-loader!/examples/developer-hub-go/coston2/secure_random.go";
 import RandomNumberV2Lottery from "!!raw-loader!/examples/developer-hub-solidity/RandomNumberV2Lottery.sol";
-import YoutubeEmbed from "@site/src/components/YoutubeEmbed";
+import YouTubeEmbed from "@site/src/components/YouTubeEmbed";
 
 This guide shows how to obtain secure, uniform random numbers on Flare.
 Secure randomness is generated by the [Scaling](/ftso/scaling/overview) protocol, where approximately 100 independent data providers generate local randomness every 90 seconds (a voting round), commit onchain, then reveal.
@@ -246,4 +246,4 @@ Poll no more than once per round or subscribe to the contract's update in your c
 
 ## Watch the video
 
-<YoutubeEmbed videoId="fdfeWwtd56I?"></YoutubeEmbed>
+<YouTubeEmbed videoId="fdfeWwtd56I?"></YouTubeEmbed>
diff --git a/src/components/YouTubeEmbed/index.tsx b/src/components/YouTubeEmbed/index.tsx
@@ -2,22 +2,22 @@ import React from "react";
 import clsx from "clsx";
 import styles from "./styles.module.css";
 
-interface YoutubeEmbedProps {
+interface YouTubeEmbedProps {
   /** The unique YouTube Video ID (e.g., "dQw4w9WgXcQ") */
   videoId: string;
   title?: string;
   privacyMode?: boolean;
   className?: string;
 }
 
-const YoutubeEmbed: React.FC<YoutubeEmbedProps> = ({
+const YouTubeEmbed: React.FC<YouTubeEmbedProps> = ({
   videoId,
   title = "YouTube video player",
   privacyMode = true,
   className = "",
 }) => {
   if (!videoId) {
-    console.error("YoutubeEmbed: videoId prop is required.");
+    console.error("YouTubeEmbed: videoId prop is required.");
     return <div className={className}>Error: Missing YouTube Video ID.</div>;
   }
 
@@ -43,4 +43,4 @@ const YoutubeEmbed: React.FC<YoutubeEmbedProps> = ({
   );
 };
 
-export default YoutubeEmbed;
+export default YouTubeEmbed;
