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.
40 lines
1001 B
40 lines
1001 B
2 years ago
|
import useSWR from "swr";
|
||
|
|
|
||
|
|
import Widget from "../widget";
|
||
|
|
import Block from "../block";
|
||
|
|
|
||
|
|
import { formatBits } from "utils/stats-helpers";
|
||
|
|
|
||
|
|
export default function Speedtest({ service }) {
|
||
|
|
const config = service.widget;
|
||
|
|
|
||
|
|
function buildApiUrl(endpoint) {
|
||
|
|
const { url } = config;
|
||
|
|
return `${url}/api/${endpoint}`;
|
||
|
|
}
|
||
|
|
|
||
|
|
const { data: speedtestData, error: speedtestError } = useSWR(buildApiUrl("speedtest/latest"));
|
||
|
|
|
||
|
|
if (speedtestError) {
|
||
|
|
return <Widget error="Speedtest API Error" />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!speedtestData) {
|
||
|
|
return (
|
||
|
|
<Widget>
|
||
|
|
<Block label="Download" />
|
||
|
|
<Block label="Upload" />
|
||
|
|
<Block label="Ping" />
|
||
|
|
</Widget>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Widget>
|
||
|
|
<Block label="Download" value={`${formatBits(speedtestData.data.download * 1024 * 1024)}ps`} />
|
||
|
|
<Block label="Upload" value={`${formatBits(speedtestData.data.upload * 1024 * 1024)}ps`} />
|
||
|
|
<Block label="Ping" value={`${speedtestData.data.ping} ms`} />
|
||
|
|
</Widget>
|
||
|
|
);
|
||
|
|
}
|