Show all draft picks in sidebar with scroll instead of last 10 (#33)

- Remove 10-pick limit in SidebarRecentPicks
- Fix scroll by using max-h-[45vh] on AccordionContent instead of the
  broken flex-1 approach (AccordionPrimitive.Content has overflow-hidden
  hardcoded, making flex-1 and overflow-y-auto ineffective without a
  bounded height)

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Chris Parsons 2026-02-23 22:25:28 -08:00 committed by GitHub
parent da70bf36f1
commit fd46e4f0b5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 5 additions and 6 deletions

View file

@ -86,11 +86,11 @@ export function DraftSidebar({
</AccordionItem> </AccordionItem>
{/* Recent Picks Section */} {/* Recent Picks Section */}
<AccordionItem value="recent-picks" className="border-0 flex-1 overflow-hidden flex flex-col"> <AccordionItem value="recent-picks" className="border-0">
<AccordionTrigger className="px-4 py-3 hover:no-underline bg-muted/50 hover:bg-muted flex-shrink-0"> <AccordionTrigger className="px-4 py-3 hover:no-underline bg-muted/50 hover:bg-muted">
<h2 className="font-semibold text-sm">Recent Picks</h2> <h2 className="font-semibold text-sm">Picks</h2>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="pb-0 flex-1 overflow-y-auto"> <AccordionContent className="pb-0 overflow-y-auto max-h-[45vh]">
{recentPicksSection} {recentPicksSection}
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>

View file

@ -29,7 +29,6 @@ export function SidebarRecentPicks({ picks }: SidebarRecentPicksProps) {
{picks {picks
.slice() .slice()
.reverse() .reverse()
.slice(0, 10)
.map((pick) => ( .map((pick) => (
<div <div
key={pick.id} key={pick.id}

View file

@ -1263,7 +1263,7 @@ export default function DraftRoom() {
)} )}
<section> <section>
<h2 className="font-semibold text-sm mb-2">Recent Picks</h2> <h2 className="font-semibold text-sm mb-2">Picks</h2>
<SidebarRecentPicks picks={picks} /> <SidebarRecentPicks picks={picks} />
</section> </section>