diff options
Diffstat (limited to 'src/lib/Home')
| -rw-r--r-- | src/lib/Home/HeadTitle.svelte | 21 | ||||
| -rw-r--r-- | src/lib/Home/LastActivity.svelte | 10 |
2 files changed, 24 insertions, 7 deletions
diff --git a/src/lib/Home/HeadTitle.svelte b/src/lib/Home/HeadTitle.svelte index 0759943f..73cf3e3d 100644 --- a/src/lib/Home/HeadTitle.svelte +++ b/src/lib/Home/HeadTitle.svelte @@ -1,9 +1,24 @@ <script lang="ts"> import { siteUrl } from "$lib/Utility/appOrigin"; +import locale from "$stores/locale"; +import type { Locale } from "$lib/Locale/layout"; -let { route = undefined, path = "/" }: { route?: string; path?: string } = - $props(); -const title = $derived((route ? `${route} • ` : "") + "due.moe"); +type HeadTitleKey = keyof NonNullable<Locale["headTitle"]>; + +let { + route = undefined, + routeKey = undefined, + path = "/", +}: { + route?: string; + routeKey?: HeadTitleKey; + path?: string; +} = $props(); + +const resolved = $derived( + routeKey ? ($locale().headTitle?.[routeKey] ?? routeKey) : route, +); +const title = $derived((resolved ? `${resolved} • ` : "") + "due.moe"); </script> <svelte:head> diff --git a/src/lib/Home/LastActivity.svelte b/src/lib/Home/LastActivity.svelte index 4ade371a..1b4952f8 100644 --- a/src/lib/Home/LastActivity.svelte +++ b/src/lib/Home/LastActivity.svelte @@ -4,6 +4,8 @@ import { onMount } from "svelte"; import type { AniListAuthorisation } from "$lib/Data/AniList/identity"; import { lastActivityDate } from "../Data/AniList/lastActivity"; import settings from "$stores/settings"; +import locale from "$stores/locale"; +import { get } from "svelte/store"; let { user }: { user: AniListAuthorisation } = $props(); let lastActivityWasToday = $state(true); @@ -34,6 +36,7 @@ const timeLeftToday = () => { const hoursLeft = 24 - currentHour; let minutesLeft = 0; let timeLeft = ""; + const l = get(locale)(); if (hoursLeft > 0) { minutesLeft = hoursLeft * 60 - currentMinute; @@ -42,9 +45,9 @@ const timeLeftToday = () => { } if (minutesLeft > 60) { - timeLeft = `${Math.round(minutesLeft / 60)} hours`; + timeLeft = `${Math.round(minutesLeft / 60)} ${l.home?.lastActivity?.hoursUnit ?? "hours"}`; } else { - timeLeft = `${minutesLeft} minutes`; + timeLeft = `${minutesLeft} ${l.home?.lastActivity?.minutesUnit ?? "minutes"}`; } return timeLeft; @@ -53,7 +56,6 @@ const timeLeftToday = () => { {#if !$settings.displayDisableLastActivityWarning && !lastActivityWasToday} <blockquote> - You don't have any new activity statuses from the past day! Create one within {timeLeftToday()} - to keep your streak! + {$locale({ values: { timeLeft: timeLeftToday() } }).home?.lastActivity?.warning} </blockquote> {/if} |