dominik/homepage-plus
1
0
Fork 0
mirror of https://github.com/DI0IK/homepage-plus.git synced 2025-07-15 17:30:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add Mastodon widget

Browse source
This commit is contained in:
Pablo Garcia de los Salmones Valencia 2022-09-20 03:41:10 +02:00
parent 539e0f005a
commit 586ded6b3f
No known key found for this signature in database
GPG key ID: 0672D5575556C568
5 changed files with 46 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -27,6 +27,7 @@ import Gotify from "./widgets/service/gotify";
import Prowlarr from "./widgets/service/prowlarr";
import Jackett from "./widgets/service/jackett";
import AdGuard from "./widgets/service/adguard";
import Mastodon from "./widgets/service/mastodon";
const widgetMappings = {
docker: Docker,
@ -56,6 +57,7 @@ const widgetMappings = {
prowlarr: Prowlarr,
jackett: Jackett,
adguard: AdGuard,
mastodon: Mastodon,
};
export default function Widget({ service }) {

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

@ -0,0 +1,37 @@
import useSWR from "swr";
import { useTranslation } from "react-i18next";
import Widget from "../widget";
import Block from "../block";
import { formatApiUrl } from "utils/api-helpers";
export default function Mastodon({ service }) {
const { t } = useTranslation();
const config = service.widget;
const { data: statsData, error: statsError } = useSWR(formatApiUrl(config, `instance`));
if (statsError) {
return <Widget error={t("widget.api_error")} />;
}
if (!statsData) {
return (
<Widget>
<Block label={t("mastodon.user_count")} />
<Block label={t("mastodon.status_count")} />
<Block label={t("mastodon.domain_count")} />
</Widget>
);
}
return (
<Widget>
<Block label={t("mastodon.user_count")} value={t("common.number", { value: statsData.stats.user_count })} />
<Block label={t("mastodon.status_count")} value={t("common.number", { value: statsData.stats.status_count })} />
<Block label={t("mastodon.domain_count")} value={t("common.number", { value: statsData.stats.domain_count })} />
</Widget>
);
}