diff --git a/src/widgets/glances/metrics/cpu.jsx b/src/widgets/glances/metrics/cpu.jsx
index b159eb6f1..3e98efe0b 100644
--- a/src/widgets/glances/metrics/cpu.jsx
+++ b/src/widgets/glances/metrics/cpu.jsx
@@ -18,24 +18,9 @@ function convertToFahrenheit(t) {
return (t * 9) / 5 + 32;
}
-export default function Component({ service }) {
+function TEMP({ sensorData, tempUnits = "metric" }) {
const { t } = useTranslation();
- const { widget } = service;
- const { chart, refreshInterval = defaultInterval, pointsLimit = defaultPointsLimit } = widget;
-
- const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit));
-
- const { data, error } = useWidgetAPI(service.widget, "cpu", {
- refreshInterval: Math.max(defaultInterval, refreshInterval),
- });
-
- const { data: sensorData, error: sensorError } = useWidgetAPI(service.widget, "sensors", {
- refreshInterval: Math.max(defaultInterval, refreshInterval),
- });
-
- const { data: quicklookData, error: quicklookError } = useWidgetAPI(service.widget, "quicklook");
-
- const unit = widget.tempUnits === "imperial" ? "fahrenheit" : "celsius";
+ const unit = tempUnits === "imperial" ? "fahrenheit" : "celsius";
let mainTemp = 0;
let maxTemp = 80;
const cpuSensors = sensorData?.filter(
@@ -58,6 +43,48 @@ export default function Component({ service }) {
}
}
+ return (
+ mainTemp > 0 && (
+
+
+ {t("common.number", {
+ value: mainTemp,
+ maximumFractionDigits: 1,
+ style: "unit",
+ unit,
+ })}
+
+
+ {"("}{t("glances.warn")}{" @ "}
+ {t("common.number", {
+ value: maxTemp,
+ maximumFractionDigits: 1,
+ style: "unit",
+ unit,
+ })}{")"}
+
+
+ )
+ );
+}
+
+export default function Component({ service }) {
+ const { t } = useTranslation();
+ const { widget } = service;
+ const { chart, refreshInterval = defaultInterval, pointsLimit = defaultPointsLimit } = widget;
+
+ const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit));
+
+ const { data, error } = useWidgetAPI(service.widget, "cpu", {
+ refreshInterval: Math.max(defaultInterval, refreshInterval),
+ });
+
+ const { data: sensorData, error: sensorError } = useWidgetAPI(service.widget, "sensors", {
+ refreshInterval: Math.max(defaultInterval, refreshInterval),
+ });
+
+ const { data: quicklookData, error: quicklookError } = useWidgetAPI(service.widget, "quicklook");
+
useEffect(() => {
if (data) {
setDataPoints((prevDataPoints) => {
@@ -113,22 +140,7 @@ export default function Component({ service }) {
{quicklookData && !quicklookError && (
- {mainTemp > 0 && (
-
- {t("common.number", {
- value: mainTemp,
- maximumFractionDigits: 1,
- style: "unit",
- unit,
- })} ({t("glances.warn")} @
- {t("common.number", {
- value: maxTemp,
- maximumFractionDigits: 1,
- style: "unit",
- unit,
- })})
-
- )}
+
{quicklookData.cpu_name && chart && {quicklookData.cpu_name}
}
diff --git a/src/widgets/glances/metrics/info.jsx b/src/widgets/glances/metrics/info.jsx
index 9a161d1eb..82cbf2b15 100644
--- a/src/widgets/glances/metrics/info.jsx
+++ b/src/widgets/glances/metrics/info.jsx
@@ -13,7 +13,7 @@ function Swap({ quicklookData, className = "" }) {
quicklookData &&
quicklookData.swap !== 0 && (
-
{t("glances.swap")}
+
{t("glances.swap")}
{t("common.number", {
value: quicklookData.swap,
@@ -34,7 +34,7 @@ function CPU({ quicklookData, className = "" }) {
quicklookData &&
quicklookData.cpu && (
-
{t("glances.cpu")}
+
{t("glances.cpu")}
{t("common.number", {
value: quicklookData.cpu,
@@ -55,7 +55,7 @@ function Mem({ quicklookData, className = "" }) {
quicklookData &&
quicklookData.mem && (
-
{t("glances.mem")}
+
{t("glances.mem")}
{t("common.number", {
value: quicklookData.mem,
@@ -140,7 +140,7 @@ export default function Component({ service }) {
)}
{!chart && (
-
+
)}