mirror of
https://github.com/tabler/tabler.git
synced 2026-10-15 10:46:23 +04:00
codecalm
f27c70ad38
`Render Modal as real markup` (#2742) reformatted ~140 files back to tabs/semicolons, breaking the Prettier config added by the Astro quality gates (#2749). Re-run prettier --write to restore it, and fix the type errors it had been masking: HTMLElement casts and `this` typing in ChangePasswordModalContent/ConfirmDeleteModalContent scripts, plain-JS syntax in the inline-injected progress.astro script, narrowed prop unions in Button/Check/Spinner, nullable icon svg casts in Icons/Rating, and a duplicate firstLetters/invalid `placeholder` attribute in Select.astro. Also fix shared/vitest.config.mts's stale `astro/lib/**/*.test.ts` include glob left over from the shared source restructure, which made `pnpm test` report zero test files.
40 lines
1.2 KiB
Plaintext
40 lines
1.2 KiB
Plaintext
---
|
|
// Icon class is a literal template string (color token is not interpolated).
|
|
import CardActions from '@ui/CardActions.astro'
|
|
import Icon from '@ui/Icon.astro'
|
|
import CardTitle from '@ui/CardTitle.astro'
|
|
import crmDashboard from '@data/crm-dashboard.json'
|
|
|
|
const activity = crmDashboard.recent_activity
|
|
---
|
|
|
|
<div class="card" style="height: 28rem">
|
|
<div class="card-header">
|
|
<CardTitle>{activity.title}</CardTitle>
|
|
<CardActions>
|
|
<a href="#" class="small fw-medium text-primary">{activity.view_all_text}</a>
|
|
</CardActions>
|
|
</div>
|
|
<div class="card-body card-body-scrollable card-body-scrollable-shadow">
|
|
<div class="divide-y">
|
|
{
|
|
activity.items.map((item) => (
|
|
<div class="py-3">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<span class={`avatar bg-${item.icon_color}-lt`}>
|
|
<Icon name={item.icon} class={'icon text-{{ item.icon_color }}'} />
|
|
</span>
|
|
</div>
|
|
<div class="col">
|
|
<div class="fw-medium">{item.text}</div>
|
|
<div class="small text-secondary">{item.time}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
))
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|