YouTubeBlock() — supabase Function Reference

Architecture documentation for the YouTubeBlock() function in Component.tsx from the supabase codebase.

Function tsx ContentManagement Migrations calls 1

Entity Profile

ContentManagement→ Migrations→ YouTubeBlock() — supabase Function Reference

Dependency Diagram

graph TD
  e6b76e8c_5cf7_307d_5f93_cde04e79d2c6["YouTubeBlock()"]
  6215f5f8_959b_0d27_9c02_ce5f395aab88["cn()"]
  e6b76e8c_5cf7_307d_5f93_cde04e79d2c6 -->|calls| 6215f5f8_959b_0d27_9c02_ce5f395aab88
  style e6b76e8c_5cf7_307d_5f93_cde04e79d2c6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/cms/src/blocks/YouTube/Component.tsx lines 10–22

export const YouTubeBlock: React.FC<Props> = ({ className, youtubeId }) => {
  return (
    <div className={cn('video-container', className)}>
      <iframe
        className="w-full"
        src={`https://www.youtube-nocookie.com/embed/${youtubeId}`}
        title="YouTube video"
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; fullscreen; gyroscope; picture-in-picture; web-share"
        allowFullScreen
      />
    </div>
  )
}