Files
MineGeo/app/leaderboard/loading.tsx
pavel444-byte 927923dc95
Some checks failed
Deploy MineGeo to Dokploy / deploy (push) Failing after 11m31s
Improve accessibility and polish page styling
2026-10-24 14:11:17 +05:00

29 lines
799 B
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { getI18n } from "@/lib/i18n";
export default async function LoadingLeaderboard() {
const { t } = await getI18n();
return (
<main
className="section page-content leaderboard-page"
aria-busy="true"
aria-label={t("Loading leaderboard")}
id="main-content"
tabIndex={-1}
>
<span className="eyebrow">{t("THE EXPLORERS’ BOARD")}</span>
<h1>{t("Every block counts.")}</h1>
<p className="lead" role="status">
{t("Fetching the explorers’ scores…")}
</p>
<div className="leaderboard-skeleton" aria-hidden="true">
{Array.from({ length: 6 }, (_, index) => (
<div key={index}>
<span />
<span />
<span />
</div>
))}
</div>
</main>
);
}