jnd/beszel-ipv6
1
0
Fork 0
mirror of https://github.com/henrygd/beszel.git synced 2025-12-18 19:26:16 +01:00
Code Issues Packages Projects Releases 2 Wiki Activity

i18n tweaks / layout fixes

Browse Source
This commit is contained in:
Henry Dollman
2024-10-29 18:08:55 -04:00
parent e64fad9584
commit f6e391f8a9
7 changed files with 120 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
beszel/site/src/components/routes/home.tsx
View File

@@ -13,7 +13,7 @@ import { useTranslation } from 'react-i18next'
const SystemsTable = lazy(() => import('../systems-table/systems-table'))
const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0;
const isMac = navigator.platform.toUpperCase().indexOf('MAC') >= 0
export default function () {
const { t } = useTranslation()
@@ -78,13 +78,13 @@ export default function () {
>
<info.icon className="h-4 w-4" />
<AlertTitle>
{alert.sysname} {info.name}
{alert.sysname} {t(info.name)}
</AlertTitle>
<AlertDescription>
{t('active_des', {
{t('home.active_des', {
value: alert.value,
unit: info.unit,
minutes: alert.min
minutes: alert.min,
})}
</AlertDescription>
<Link
@@ -108,7 +108,7 @@ export default function () {
<CardDescription>
{t('home.subtitle_1')}{' '}
<kbd className="pointer-events-none inline-flex h-5 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
<span className="text-xs">{isMac ? '⌘' : "Ctrl"}</span>K
<span className="text-xs">{isMac ? '⌘' : 'Ctrl'}</span>K
</kbd>{' '}
{t('home.subtitle_2')}
</CardDescription>

18
beszel/site/src/components/routes/settings/general.tsx
View File

@@ -9,7 +9,7 @@ import {
} from '@/components/ui/select'
import { chartTimeData } from '@/lib/utils'
import { Separator } from '@/components/ui/separator'
import { LoaderCircleIcon, SaveIcon } from 'lucide-react'
import { LanguagesIcon, LoaderCircleIcon, SaveIcon } from 'lucide-react'
import { UserSettings } from '@/types'
import { saveSettings } from './layout'
import { useState, useEffect } from 'react'
@@ -21,8 +21,8 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
const { t, i18n } = useTranslation()
useEffect(() => {
document.documentElement.lang = i18n.language;
}, [i18n.language]);
document.documentElement.lang = i18n.language
}, [i18n.language])
const [isLoading, setIsLoading] = useState(false)
@@ -47,7 +47,10 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
<form onSubmit={handleSubmit} className="space-y-5">
<div className="space-y-2">
<div className="mb-4">
<h3 className="mb-1 text-lg font-medium">{t('settings.general.language.title')}</h3>
<h3 className="mb-1 text-lg font-medium flex items-center gap-2">
<LanguagesIcon className="h-4 w-4" />
{t('settings.general.language.title')}
</h3>
<p className="text-sm text-muted-foreground leading-relaxed">
{t('settings.general.language.subtitle_1')}{' '}
<a href="https://crowdin.com/project/beszel" className="link" target="_blank">
@@ -59,7 +62,7 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
<Label className="block" htmlFor="lang">
{t('settings.general.language.preferred_language')}
</Label>
<Select defaultValue={i18n.language} onValueChange={(lang: string) => i18n.changeLanguage(lang)}>
<Select value={i18n.language} onValueChange={(lang: string) => i18n.changeLanguage(lang)}>
<SelectTrigger id="lang">
<SelectValue />
</SelectTrigger>
@@ -72,9 +75,12 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
</SelectContent>
</Select>
</div>
<Separator />
<div className="space-y-2">
<div className="mb-4">
<h3 className="mb-1 text-lg font-medium">{t('settings.general.chart_options.title')}</h3>
<h3 className="mb-1 text-lg font-medium">
{t('settings.general.chart_options.title')}
</h3>
<p className="text-sm text-muted-foreground leading-relaxed">
{t('settings.general.chart_options.subtitle')}
</p>