parent
0076701091
commit
ac718c852a
@ -0,0 +1,39 @@
|
|||||||
|
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>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Reference in new issue