OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lint & pre-commit

Browse Source
This commit is contained in:
shamoon 2024-11-24 20:04:26 -08:00
parent 7f8a96a217
commit 753992d390
2 changed files with 86 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
src/components/widgets/resources/network.jsx
View File

@ -1,62 +1,77 @@
import useSWR from "swr";
import { FaNetworkWired, FaAngleUp, FaAngleDown } from "react-icons/fa";
import { useTranslation } from "next-i18next";
import Resource from "../widget/resource";
import Error from "../widget/error";
export default function Network({ options, refresh = 1500 }) {
const { t } = useTranslation();
const { data, error } = useSWR(`/api/widgets/resources?type=network${(options.network || ( options.network !== 'default' && options.network === `false`)) ? `&interfaceName=${options.network}` : '' }`, {
refreshInterval: refresh,
});
if (error || data?.error) {
return <Error />;
}
if (!data) {
return (
<Resource
icon={FaNetworkWired}
value="-"
label={<FaAngleUp/>}
expandedValue="-"
expandedLabel={<FaAngleDown/>}
percentage="0"
expanded="true"
/>
);
}
return (
<>
/* Active Usage */
<Resource
icon={FaNetworkWired}
value={t('common.bits', { value: data?.network?.tx_sec })}
label={<FaAngleUp/>}
expandedValue={t('common.bits', { value: data?.network?.rx_sec })}
expandedLabel={<FaAngleDown/>}
percentage="0"
expanded="true"
children={<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t('pyload.speed')}</div>}
iconChildren={<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">{data.interface}</span>}
/>
/* Total Usage */
<Resource
icon={FaNetworkWired}
value={t('common.bbytes', { value: data?.network?.tx_bytes })}
label={<FaAngleUp/>}
expandedValue={t('common.bbytes', { value: data?.network?.rx_bytes })}
expandedLabel={<FaAngleDown/>}
percentage="0"
expanded="true"
children={<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t('pyload.total')}</div>}
iconChildren={<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">{data.interface}</span>}
/>
</>
);
}
import useSWR from "swr";
import { FaNetworkWired, FaAngleUp, FaAngleDown } from "react-icons/fa";
import { useTranslation } from "next-i18next";
import Resource from "../widget/resource";
import Error from "../widget/error";
export default function Network({ options, refresh = 1500 }) {
const { t } = useTranslation();
const { data, error } = useSWR(
`/api/widgets/resources?type=network${
options.network || (options.network !== "default" && options.network === `false`)
? `&interfaceName=${options.network}`
: ""
}`,
{
refreshInterval: refresh,
},
);
if (error || data?.error) {
return <Error />;
}
if (!data) {
return (
<Resource
icon={FaNetworkWired}
value="-"
label={<FaAngleUp />}
expandedValue="-"
expandedLabel={<FaAngleDown />}
percentage="0"
expanded="true"
/>
);
}
return (
<>
<Resource
icon={FaNetworkWired}
value={t("common.bits", { value: data?.network?.tx_sec })}
label={<FaAngleUp />}
expandedValue={t("common.bits", { value: data?.network?.rx_sec })}
expandedLabel={<FaAngleDown />}
percentage="0"
expanded="true"
iconChildren={
<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">
{data.interface}
</span>
}
>
<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t("pyload.speed")}</div>
</Resource>
<Resource
icon={FaNetworkWired}
value={t("common.bbytes", { value: data?.network?.tx_bytes })}
label={<FaAngleUp />}
expandedValue={t("common.bbytes", { value: data?.network?.rx_bytes })}
expandedLabel={<FaAngleDown />}
percentage="0"
expanded="true"
iconChildren={
<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">
{data.interface}
</span>
}
>
<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t("pyload.total")}</div>
</Resource>
</>
);
}

18
src/pages/api/widgets/resources.js
View File

@ -58,20 +58,20 @@ export default async function handler(req, res) {
});
}
if (type === "network"){
if (type === "network") {
let networkData = await si.networkStats();
if(interfaceName !== "default" && interfaceName !== undefined && interfaceName !== "false"){
networkData = networkData.filter((network) => network.iface === interfaceName)['0'];
if(!networkData){
if (interfaceName !== "default" && interfaceName !== undefined && interfaceName !== "false") {
networkData = networkData.filter((network) => network.iface === interfaceName)["0"];
if (!networkData) {
return res.status(404).json({
error: "Interface not found",
});
}
}else{
} else {
const interfaceDefault = await si.networkInterfaceDefault();
interfaceName = interfaceDefault
networkData = networkData.filter((network) => network.iface === interfaceDefault)['0'];
if(!networkData){
interfaceName = interfaceDefault;
networkData = networkData.filter((network) => network.iface === interfaceDefault)["0"];
if (!networkData) {
return res.status(404).json({
error: "Interface not found! Please specify a valid interface name.",
});
@ -79,7 +79,7 @@ export default async function handler(req, res) {
}
return res.status(200).json({
network: networkData,
interface: interfaceName
interface: interfaceName,
});
}