Sessions

import { BoxpressdSessionsFeed } from "@boxpressd/sites-sdk/sessions"

export default function CommunitySection() {
  return (
    <BoxpressdSessionsFeed
      limit={10}
    />
  )
}

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

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

import { BoxpressdSessionCard } from "@boxpressd/sites-sdk/sessions"

<BoxpressdSessionCard
  session={session}
/>

type BoxpressdSession = {
  id: string
  createdAt: string
  startedAt?: string
  endedAt?: string
  durationSeconds?: number
  rating?: number
  note?: string
  user: {
    id?: string
    displayName: string
    avatarUrl?: string
  }
  cigar?: {
    id: string
    name: string
    brandName?: string
    imageUrl?: string
  }
  venue?: {
    id: string
    name: string
  }
}

display_name → first_name + last initial → "Boxpressd User"

<section>
  <h2>What People Are Smoking</h2>

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

<BoxpressdSessionsFeed
  limit={12}
  layout="grid"
/>

<BoxpressdSessionsFeed
  limit={10}
  showRatings
  showDuration
/>

<BoxpressdSessionsFeed
  showRatings
/>

<BoxpressdSessionsFeed
  showDuration
/>

<BoxpressdSessionsFeed
  showCigarImage
/>

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

<BoxpressdSessionsFeed
  className="community-sessions"
/>

.community-sessions {
  margin-top: 2rem;
}

<BoxpressdSessionsFeed />

<BoxpressdSessionsFeed />

<BoxpressdSessionsFeed
  emptyMessage="No recent smoking sessions available."
/>

<BoxpressdSessionsFeed
  limit={5}
/>

<BoxpressdSessionsFeed
  limit={12}
  layout="grid"
  showCigarImage
/>

<BoxpressdSessionsFeed
  limit={10}
  showRatings
  showDuration
/>

<BoxpressdSessionsFeed
  limit={25}
  layout="grid"
  showRatings
  showDuration
  showCigarImage
/>