Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-24 22:55:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

add PiHole widget

Browse Source
This commit is contained in:
Ben Phelps 2022-08-25 18:37:22 +03:00
parent 374b99322e
commit 848bd4543c
2 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/services/widget.jsx
View File

@ -5,6 +5,7 @@ import Portainer from "./widgets/service/portainer";
import Emby from "./widgets/service/emby";
import Nzbget from "./widgets/service/nzbget";
import Docker from "./widgets/service/docker";
import Pihole from "./widgets/service/pihole";
const widgetMappings = {
docker: Docker,
@ -14,6 +15,7 @@ const widgetMappings = {
portainer: Portainer,
emby: Emby,
nzbget: Nzbget,
pihole: Pihole,
};
export default function Widget({ service }) {

37
src/components/services/widgets/service/pihole.jsx Normal file
View File

@ -0,0 +1,37 @@
import useSWR from "swr";
import Widget from "../widget";
import Block from "../block";
export default function Pihole({ service }) {
const config = service.widget;
function buildApiUrl(endpoint) {
const { url } = config;
return `${url}/admin/${endpoint}`;
}
const { data: piholeData, error: piholeError } = useSWR(buildApiUrl("api.php"));
if (piholeError) {
return <Widget error="PiHole API Error" />;
}
if (!piholeData) {
return (
<Widget>
<Block label="Queries" />
<Block label="Blocked" />
<Block label="Gravity" />
</Widget>
);
}
return (
<Widget>
<Block label="Queries" value={piholeData.dns_queries_today.toLocaleString()} />
<Block label="Blocked" value={piholeData.ads_blocked_today.toLocaleString()} />
<Block label="Gravity" value={piholeData.domains_being_blocked.toLocaleString()} />
</Widget>
);
}