BlockViewerIframe() — ui Function Reference

Architecture documentation for the BlockViewerIframe() function in block-viewer.tsx from the ui codebase.

Function tsx Internationalization RTLLayout calls 1

Entity Profile

Internationalization→ RTLLayout→ BlockViewerIframe() — ui Function Reference

Dependency Diagram

graph TD
  b86cc41c_89ef_774c_0ae0_64d5c49955ab["BlockViewerIframe()"]
  c3ac54aa_58a5_8188_b5f8_014a382dcef3["block-viewer.tsx"]
  b86cc41c_89ef_774c_0ae0_64d5c49955ab -->|defined in| c3ac54aa_58a5_8188_b5f8_014a382dcef3
  490f6bb9_b906_4b05_666d_dac1a32689b9["useBlockViewer()"]
  b86cc41c_89ef_774c_0ae0_64d5c49955ab -->|calls| 490f6bb9_b906_4b05_666d_dac1a32689b9
  style b86cc41c_89ef_774c_0ae0_64d5c49955ab fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/block-viewer.tsx lines 240–261

function BlockViewerIframe({
  className,
  styleName,
}: {
  className?: string
  styleName: Style["name"]
}) {
  const { item, iframeKey } = useBlockViewer()

  return (
    <iframe
      key={iframeKey}
      src={`/view/${styleName}/${item.name}`}
      height={item.meta?.iframeHeight ?? 930}
      loading="lazy"
      className={cn(
        "bg-background no-scrollbar relative z-20 w-full",
        className
      )}
    />
  )
}