Checkins

import { BoxpressdCheckinsFeed } from "@boxpressd/sites-sdk/checkins"

export default function ActivitySection() {
  return (
    <BoxpressdCheckinsFeed
      limit={10}
    />
  )
}

<BoxpressdCheckinsFeed
  limit={10}
  layout="list"
/>

<BoxpressdCheckinsFeed
  limit={6}
  layout="grid"
/>

import { BoxpressdCheckinCard } from "@boxpressd/sites-sdk/checkins"

<BoxpressdCheckinCard
  checkin={checkin}
/>

type BoxpressdCheckin = {
  id: string
  createdAt: string
  note?: string
  rating?: number
  user: {
    id?: string
    displayName: string
    avatarUrl?: string
  }
  venue?: {
    id: string
    name: string
  }
}

display_name → first_name + last initial → "Boxpressd User"

<section>
  <h2>Recent Lounge Activity</h2>

  <BoxpressdCheckinsFeed
    limit={5}
  />
</section>

<aside>
  <BoxpressdCheckinsFeed
    limit={5}
    showAvatar={false}
  />
</aside>

<section className="community-feed">
  <h2>See Who's Visiting</h2>

  <BoxpressdCheckinsFeed
    limit={12}
    layout="grid"
  />
</section>

:root {
  --bxp-primary: #d3a966;
  --bxp-border-radius: 16px;
}

<BoxpressdCheckinsFeed
  className="recent-checkins"
/>

.recent-checkins {
  margin-top: 2rem;
}

<BoxpressdCheckinsFeed />

<BoxpressdCheckinsFeed
  limit={10}
  emptyMessage="No recent checkins yet."
/>

<BoxpressdCheckinsFeed
  limit={5}
/>

<BoxpressdCheckinsFeed
  limit={20}
  layout="grid"
/>

<BoxpressdCheckinsFeed
  limit={15}
/>