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 }) {
  const { t } = useTranslation();

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

  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}
  />;
}