administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-25 09:38:22 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: fix system stats i18n (#22600)

Browse Source 
* fix: fix system stats i18n

* chore: lint
This commit is contained in:
GuoQing Liu 2026-03-24 20:49:05 +08:00 committed by GitHub
parent d27ee166bc
commit 6c5801ac83
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/graph/SystemGraph.tsx
View File

@ -11,7 +11,7 @@ import useSWR from "swr";
type ThresholdBarGraphProps = {
graphId: string;
name: string;
name?: string;
unit: string;
threshold: Threshold;
updateTimes: number[];
@ -25,6 +25,7 @@ export function ThresholdBarGraph({
updateTimes,
data,
}: ThresholdBarGraphProps) {
const displayName = name || data[0]?.name || "";
const { data: config } = useSWR<FrigateConfig>("config", {
revalidateOnFocus: false,
});
@ -186,7 +187,7 @@ export function ThresholdBarGraph({
return (
<div className="flex w-full flex-col">
<div className="flex items-center gap-1">
<div className="text-xs text-secondary-foreground">{name}</div>
<div className="text-xs text-secondary-foreground">{displayName}</div>
<div className="text-xs text-primary">
{lastValue}
{unit}

4
web/src/components/overlay/CameraInfoDialog.tsx
View File

@ -159,7 +159,9 @@ export default function CameraInfoDialog({
</div>
) : (
<div className="text-muted-foreground">
<div className="ml-2 mt-1">Audio:</div>
<div className="ml-2 mt-1">
{t("cameras.info.audio")}
</div>
<div className="ml-4">
{t("cameras.info.codec")}{" "}
<span className="text-primary">

28
web/src/views/system/GeneralMetrics.tsx
View File

@ -548,7 +548,10 @@ export default function GeneralMetrics({
Object.entries(stats.processes).forEach(([key, procStats]) => {
if (procStats.pid.toString() in stats.cpu_usages) {
if (!(key in series)) {
series[key] = { name: key, data: [] };
series[key] = {
name: t(`general.otherProcesses.series.${key}`),
data: [],
};
}
const data = stats.cpu_usages[procStats.pid.toString()]?.cpu;
@ -563,7 +566,7 @@ export default function GeneralMetrics({
});
});
return Object.keys(series).length > 0 ? Object.values(series) : [];
}, [statsHistory]);
}, [statsHistory, t]);
const otherProcessMemSeries = useMemo(() => {
if (!statsHistory) {
@ -582,7 +585,10 @@ export default function GeneralMetrics({
Object.entries(stats.processes).forEach(([key, procStats]) => {
if (procStats.pid.toString() in stats.cpu_usages) {
if (!(key in series)) {
series[key] = { name: key, data: [] };
series[key] = {
name: t(`general.otherProcesses.series.${key}`),
data: [],
};
}
const data = stats.cpu_usages[procStats.pid.toString()]?.mem;
@ -597,7 +603,7 @@ export default function GeneralMetrics({
});
});
return Object.values(series);
}, [statsHistory]);
}, [statsHistory, t]);
return (
<>
@ -964,11 +970,10 @@ export default function GeneralMetrics({
<div className="mb-5">
{t("general.otherProcesses.processCpuUsage")}
</div>
{otherProcessCpuSeries.map((series) => (
{otherProcessCpuSeries.map((series, index) => (
<ThresholdBarGraph
key={series.name}
graphId={`${series.name}-cpu`}
name={t(`general.otherProcesses.series.${series.name}`)}
key={`other-process-cpu-${index}`}
graphId={`other-process-cpu-${index}`}
unit="%"
threshold={DetectorCpuThreshold}
updateTimes={updateTimes}
@ -984,12 +989,11 @@ export default function GeneralMetrics({
<div className="mb-5">
{t("general.otherProcesses.processMemoryUsage")}
</div>
{otherProcessMemSeries.map((series) => (
{otherProcessMemSeries.map((series, index) => (
<ThresholdBarGraph
key={series.name}
graphId={`${series.name}-mem`}
key={`other-process-mem-${index}`}
graphId={`other-process-mem-${index}`}
unit="%"
name={series.name.replaceAll("_", " ")}
threshold={DetectorMemThreshold}
updateTimes={updateTimes}
data={[series]}