BlocksPage() — ui Function Reference

Architecture documentation for the BlocksPage() function in page.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ BlocksPage() — ui Function Reference

Dependency Diagram

graph TD
  40a7c0bb_32c8_0c2e_3e15_9d459ebf339c["BlocksPage()"]
  dc131368_a7e1_3d03_4cf8_8cecdf0bee4e["page.tsx"]
  40a7c0bb_32c8_0c2e_3e15_9d459ebf339c -->|defined in| dc131368_a7e1_3d03_4cf8_8cecdf0bee4e
  style 40a7c0bb_32c8_0c2e_3e15_9d459ebf339c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/blocks/page.tsx lines 18–35

export default async function BlocksPage() {
  const activeStyle = await getActiveStyle()

  return (
    <div className="flex flex-col gap-12 md:gap-24">
      {FEATURED_BLOCKS.map((name) => (
        <BlockDisplay name={name} key={name} styleName={activeStyle.name} />
      ))}
      <div className="container-wrapper">
        <div className="container flex justify-center py-6">
          <Button asChild variant="outline">
            <Link href="/blocks/sidebar">Browse more blocks</Link>
          </Button>
        </div>
      </div>
    </div>
  )
}