You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
homepage/src/components/services/widgets/service/tautulli.jsx

44 lines
1.1 KiB

import useSWR from "swr";
import Widget from "../widget";
import Block from "../block";
export default function Tautulli({ service }) {
const config = service.widget;
function buildApiUrl(endpoint) {
const { url, key } = config;
const fullUrl = `${url}/api/v2?apikey=${key}&cmd=${endpoint}`;
return "/api/proxy?url=" + encodeURIComponent(fullUrl);
}
const { data: statsData, error: statsError } = useSWR(buildApiUrl("get_activity"), {
refreshInterval: 1000,
});
if (statsError) {
return <Widget error="Tautulli API Error" />;
}
if (!statsData) {
return (
<Widget>
<Block label="Playing" />
<Block label="Transcoding" />
<Block label="Bitrate" />
</Widget>
);
}
const data = statsData.response.data;
return (
<Widget>
<Block label="Playing" value={data.stream_count} />
<Block label="Transcoding" value={data.stream_count_transcode} />
{/* We divide by 1000 here because thats how Tautulli reports it on its own dashboard */}
<Block label="Bitrate" value={`${Math.round((data.total_bandwidth / 1000) * 100) / 100} Mbps`} />
</Widget>
);
}