update translations

beszel/site/src/components/alerts/alerts-system.tsx

@@ -184,7 +184,7 @@ function AlertContent({ data }: { data: AlertData }) {
 				})}
 			>
 				<div className="grid gap-1 select-none">
-					<p className="font-semibold flex gap-3 items-center capitalize">
+					<p className="font-semibold flex gap-3 items-center">
 						<Icon className="h-4 w-4 opacity-85" /> {t(data.alert.name)}
 					</p>
 					{!showSliders && <span className="block text-sm text-muted-foreground">{t(data.alert.desc)}</span>}
@@ -223,7 +223,9 @@ function AlertContent({ data }: { data: AlertData }) {
 						<div>
 							<p id={`t${key}`} className="text-sm block h-8">
 								{t("alerts.for")} <strong className="text-foreground">{min}</strong>{" "}
-								{min > 1 ? t("alerts.minutes") : t("alerts.minute")}
+								{t("minutes", {
+									count: min,
+								}).replace(String(min), "")}
 							</p>
 							<div className="flex gap-3">
 								<Slider

beszel/site/src/components/charts/chart-time-select.tsx

@@ -16,8 +16,8 @@ export default function ChartTimeSelect({ className }: { className?: string }) {
 			</SelectTrigger>
 			<SelectContent>
 				{Object.entries(chartTimeData).map(([value, { label }]) => (
-					<SelectItem key={label} value={value}>
-						{label}
+					<SelectItem key={value} value={value}>
+						{label()}
 					</SelectItem>
 				))}
 			</SelectContent>

beszel/site/src/components/routes/home.tsx

@@ -82,7 +82,9 @@ export default function () {
 												{t("home.active_des", {
 													value: alert.value,
 													unit: info.unit,
-													minutes: alert.min,
+												})}
+												{t("minutes", {
+													count: alert.min,
 												})}
 											</AlertDescription>
 											<Link

beszel/site/src/components/routes/settings/general.tsx

@@ -85,8 +85,8 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
 						</SelectTrigger>
 						<SelectContent>
 							{Object.entries(chartTimeData).map(([value, { label }]) => (
-								<SelectItem key={label} value={value}>
-									{label}
+								<SelectItem key={value} value={value}>
+									{label()}
 								</SelectItem>
 							))}
 						</SelectContent>