Files
tabler/preview/pages/music.astro
T
codecalm f27c70ad38 Fix Prettier formatting regression and Astro type-check errors
`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.
2026-08-03 01:26:19 +02:00

29 lines
769 B
Plaintext

---
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
import TracksList from '@shared/components/cards/music/TracksList.astro'
import TrackInfo from '@shared/components/cards/music/TrackInfo.astro'
const topTrackIds = [8, 9, 10, 11, 12, 13]
---
<DefaultLayout title="Music components" pageHeader="Music components" pageMenu="extra.music">
<div class="row">
<div class="col-lg-8">
<TracksList />
</div>
<div class="col-lg-4">
<h3 class="mb-3">Top tracks</h3>
<div class="row row-cards">
{
topTrackIds.map((trackId) => (
<div class="col-md-6 col-lg-12">
<TrackInfo trackId={trackId} />
</div>
))
}
</div>
</div>
</div>
</DefaultLayout>