master @ 32 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import "./LeaderboardHeader.scss"; │
│ import { getDungeonIconUrl } from "../../../lib/dungeonIcons"; │
│ │
│ interface Props { │
│ season: number; │
│ dungeonName: string; │
│ dungeonSlug: string; │
│ scopeLabel: string; │
│ } │
│ │
│ const { season, dungeonName, dungeonSlug, scopeLabel } = Astro.props; │
│ │
│ const dungeonIconUrl = getDungeonIconUrl(dungeonSlug, dungeonName); │
│ --- │
│ │
│ <h1 class="leaderboard-header"> │
│ { │
│ dungeonIconUrl && ( │
│ <img │
│ src={dungeonIconUrl} │
│ alt={dungeonName} │
│ class="dungeon-icon" │
│ loading="lazy" │
│ /> │
│ ) │
│ } │
│ <span class="header-text"> │
│ Season {season} - {dungeonName} - {scopeLabel} │
│ </span> │
│ </h1> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import "./LeaderboardHeader.scss"; │
│ import { getDungeonIconUrl } from "../../../ │
│ lib/dungeonIcons"; │
│ │
│ interface Props { │
│ season: number; │
│ dungeonName: string; │
│ dungeonSlug: string; │
│ scopeLabel: string; │
│ } │
│ │
│ const { season, dungeonName, dungeonSlug, sc │
│ opeLabel } = Astro.props; │
│ │
│ const dungeonIconUrl = getDungeonIconUrl(dun │
│ geonSlug, dungeonName); │
│ --- │
│ │
│ <h1 class="leaderboard-header"> │
│ { │
│ dungeonIconUrl && ( │
│ <img │
│ src={dungeonIconUrl} │
│ alt={dungeonName} │
│ class="dungeon-icon" │
│ loading="lazy" │
│ /> │
│ ) │
│ } │
│ <span class="header-text"> │
│ Season {season} - {dungeonName} - {scope │
│ Label} │
│ </span> │
│ </h1> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET