CollectionArchive() — supabase Function Reference

Architecture documentation for the CollectionArchive() function in index.tsx from the supabase codebase.

Function tsx ContentManagement Migrations calls 1

Entity Profile

ContentManagement→ Migrations→ CollectionArchive() — supabase Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/cms/src/components/CollectionArchive/index.tsx lines 10–32

export const CollectionArchive: React.FC<Props> = (props) => {
  const { posts } = props

  return (
    <div className={cn('container')}>
      <div>
        <div className="grid grid-cols-4 sm:grid-cols-8 lg:grid-cols-12 gap-y-4 gap-x-4 lg:gap-y-8 lg:gap-x-8 xl:gap-x-8">
          {posts?.map((result, index) => {
            if (typeof result === 'object' && result !== null) {
              return (
                <div className="col-span-4" key={index}>
                  <Card className="h-full" doc={result} relationTo="posts" showCategories />
                </div>
              )
            }

            return null
          })}
        </div>
      </div>
    </div>
  )
}