mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
55 lines
1.6 KiB
Plaintext
55 lines
1.6 KiB
Plaintext
---
|
|
import Avatar from '@ui/Avatar.astro'
|
|
import { people } from '@shared/lib/people'
|
|
import ListGroup from '@ui/ListGroup.astro'
|
|
import ListGroupItem from '@ui/ListGroupItem.astro'
|
|
import ListGroupHeader from '@ui/ListGroupHeader.astro'
|
|
import CardTitle from '@ui/CardTitle.astro'
|
|
import commits from '@data/commits.json'
|
|
import { sortBy } from '@shared/lib/string-format'
|
|
|
|
const title = 'People'
|
|
|
|
const commitList = commits as { description: string }[]
|
|
|
|
// Sort by last_name (case-sensitive).
|
|
const sorted = sortBy(people, (p) => p.last_name ?? '')
|
|
|
|
let prevLetter = ''
|
|
const rows = sorted.map((person, idx) => {
|
|
const index = idx + 1
|
|
const firstLetter = (person.last_name ?? '').slice(0, 1)
|
|
let header: string | null = null
|
|
if (prevLetter !== firstLetter) {
|
|
prevLetter = firstLetter
|
|
header = firstLetter
|
|
}
|
|
return { person, header, description: commitList[index]?.description }
|
|
})
|
|
---
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<CardTitle>{title}</CardTitle>
|
|
</div>
|
|
|
|
<ListGroup flush class="overflow-auto" style="max-height: 35rem">
|
|
{
|
|
rows.map((row) => (
|
|
<>
|
|
{row.header && <ListGroupHeader class="sticky-top">{row.header}</ListGroupHeader>}
|
|
<ListGroupItem>
|
|
<a href="#" slot="media" tabindex="-1" aria-hidden="true">
|
|
<Avatar person={row.person} />
|
|
</a>
|
|
<a href="#" class="list-group-item-title">
|
|
{row.person.full_name}
|
|
</a>
|
|
<div class="list-group-item-description">{row.description}</div>
|
|
</ListGroupItem>
|
|
</>
|
|
))
|
|
}
|
|
</ListGroup>
|
|
</div>
|