homepage/src/components/widgets/resources/cputemp.jsx

import useSWR from "swr";
import { FaThermometerHalf } from "react-icons/fa";
import { useTranslation } from "next-i18next";

import Resource from "../widget/resource";
import Error from "../widget/error";

function convertToFahrenheit(t) {
  return (t * 9) / 5 + 32;
}

export default function CpuTemp({ expanded, units, refresh = 1500 }) {
  const { t } = useTranslation();

  const { data, error } = useSWR(`api/widgets/resources?type=cputemp`, {
    refreshInterval: refresh,
  });

  if (error || data?.error) {
    return <Error />;
  }

  if (!data || !data.cputemp) {
    return (
      <Resource
        icon={FaThermometerHalf}
        value="-"
        label={t("resources.temp")}
        expandedValue="-"
        expandedLabel={t("resources.max")}
        expanded={expanded}
      />
    );
  }

  let mainTemp = data.cputemp.main;
  if (data.cputemp.cores?.length) {
    mainTemp = data.cputemp.cores.reduce((a, b) => a + b) / data.cputemp.cores.length;
  }
  const unit = units === "imperial" ? "fahrenheit" : "celsius";
  mainTemp = unit === "celsius" ? mainTemp : convertToFahrenheit(mainTemp);
  const maxTemp = unit === "celsius" ? data.cputemp.max : convertToFahrenheit(data.cputemp.max);

  return (
    <Resource
      icon={FaThermometerHalf}
      value={t("common.number", {
        value: mainTemp,
        maximumFractionDigits: 1,
        style: "unit",
        unit,
      })}
      label={t("resources.temp")}
      expandedValue={t("common.number", {
        value: maxTemp,
        maximumFractionDigits: 1,
        style: "unit",
        unit,
      })}
      expandedLabel={t("resources.max")}
      percentage={Math.round((mainTemp / maxTemp) * 100)}
      expanded={expanded}
    />
  );
}