master @ 41 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import "./RecentRuns.scss"; │
│ import ChallengeRun from "../ChallengeRun/ChallengeRun.astro"; │
│ import type { HomeRunEntry } from "../../../lib/types"; │
│ │
│ interface Props { │
│ runs: HomeRunEntry[]; │
│ } │
│ │
│ const { runs } = Astro.props; │
│ --- │
│ │
│ <section class="recent-runs"> │
│ <header class="recent-runs__header"> │
│ <h2>Recent Top Runs</h2> │
│ </header> │
│ │
│ { │
│ runs.length === 0 ? ( │
│ <p class="recent-runs__empty">No recent top runs yet.</p> │
│ ) : ( │
│ <div class="recent-runs__list"> │
│ {runs.map((r) => ( │
│ <ChallengeRun │
│ dungeonName={r.dungeon_name} │
│ dungeonSlug={r.dungeon_slug} │
│ durationMs={r.duration_ms} │
│ completedTimestamp={r.completed_timestamp} │
│ teamMembers={r.team_members} │
│ showDungeonIcon={true} │
│ showDungeonName={false} │
│ rank={r.rankings?.global} │
│ bracket={r.bracket} │
│ seasonId={r.season_id} │
│ /> │
│ ))} │
│ </div> │
│ ) │
│ } │
│ </section> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import "./RecentRuns.scss"; │
│ import ChallengeRun from "../ChallengeRun/Ch │
│ allengeRun.astro"; │
│ import type { HomeRunEntry } from "../../../ │
│ lib/types"; │
│ │
│ interface Props { │
│ runs: HomeRunEntry[]; │
│ } │
│ │
│ const { runs } = Astro.props; │
│ --- │
│ │
│ <section class="recent-runs"> │
│ <header class="recent-runs__header"> │
│ <h2>Recent Top Runs</h2> │
│ </header> │
│ │
│ { │
│ runs.length === 0 ? ( │
│ <p class="recent-runs__empty">No recen │
│ t top runs yet.</p> │
│ ) : ( │
│ <div class="recent-runs__list"> │
│ {runs.map((r) => ( │
│ <ChallengeRun │
│ dungeonName={r.dungeon_name} │
│ dungeonSlug={r.dungeon_slug} │
│ durationMs={r.duration_ms} │
│ completedTimestamp={r.completed_ │
│ timestamp} │
│ teamMembers={r.team_members} │
│ showDungeonIcon={true} │
│ showDungeonName={false} │
│ rank={r.rankings?.global} │
│ bracket={r.bracket} │
│ seasonId={r.season_id} │
│ /> │
│ ))} │
│ </div> │
│ ) │
│ } │
│ </section> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET