Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-30 07:12:36 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix front page hydration error

Browse Source
This commit is contained in:
Kalle
2024-11-11 21:53:48 +02:00
parent 7b9d7448aa
commit 9a851b99e7
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/features/front-page/routes/index.tsx
View File

@@ -109,6 +109,7 @@ function SeasonBanner() {
const { t, i18n } = useTranslation(["front"]);
const season = nextSeason(new Date()) ?? currentOrPreviousSeason(new Date())!;
const _previousSeason = previousSeason(new Date());
const isMounted = useIsMounted();
const isInFuture = new Date() < season.starts;
const isShowingPreviousSeason = _previousSeason?.nth === season.nth;
@@ -121,17 +122,21 @@ function SeasonBanner() {
<div className="front__season-banner__header">
{t("front:sq.season", { nth: season.nth })}
</div>
<div className="front__season-banner__dates">
{season.starts.toLocaleDateString(i18n.language, {
month: "long",
day: "numeric",
})}{" "}
-{" "}
{season.ends.toLocaleDateString(i18n.language, {
month: "long",
day: "numeric",
})}
</div>
{isMounted ? (
<div className="front__season-banner__dates">
{season.starts.toLocaleDateString(i18n.language, {
month: "long",
day: "numeric",
})}{" "}
-{" "}
{season.ends.toLocaleDateString(i18n.language, {
month: "long",
day: "numeric",
})}
</div>
) : (
<div className="front__season-banner__dates invisible">X</div>
)}
<Image
className="front__season-banner__img"
path={sqHeaderGuyImageUrl(season.nth)}