BlocksPage() — ui Function Reference

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

Function tsx ComponentRegistry Styles

Entity Profile

ComponentRegistry→ Styles→ BlocksPage() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

deprecated/www/app/(app)/blocks/page.tsx lines 14–34

export default async function BlocksPage() {
  return (
    <div>
      {FEATURED_BLOCKS.map((block) => (
        <div
          key={block}
          className="border-grid container border-b py-8 first:pt-6 last:border-b-0 md:py-12"
        >
          <BlockDisplay name={block} />
        </div>
      ))}
      <div className="container-wrapper">
        <div className="container flex justify-center py-6">
          <Button asChild variant="outline">
            <Link href="/blocks/sidebar">Browse all blocks</Link>
          </Button>
        </div>
      </div>
    </div>
  )
}