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
  da54fa43_08a2_f432_cec3_1fd2691e15e0["BlocksPage()"]
  b56c20d3_b39a_0da0_4721_0ff8f542daf6["page.tsx"]
  da54fa43_08a2_f432_cec3_1fd2691e15e0 -->|defined in| b56c20d3_b39a_0da0_4721_0ff8f542daf6
  style da54fa43_08a2_f432_cec3_1fd2691e15e0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/blocks/[...categories]/page.tsx lines 16–34

export default async function BlocksPage({
  params,
}: {
  params: Promise<{ categories?: string[] }>
}) {
  const [{ categories = [] }, activeStyle] = await Promise.all([
    params,
    getActiveStyle(),
  ])
  const blocks = await getAllBlockIds(["registry:block"], categories)

  return (
    <div className="flex flex-col gap-12 md:gap-24">
      {blocks.map((name) => (
        <BlockDisplay name={name} key={name} styleName={activeStyle.name} />
      ))}
    </div>
  )
}