update for version key

This commit is contained in:
jonathancrangle
2024-08-24 23:20:14 -04:00
parent e8dac6999a
commit 4e28ce832e
3 changed files with 15 additions and 19 deletions

View File

@@ -14,4 +14,5 @@ widget:
type: mealie type: mealie
url: http://mealie-frontend.host.or.ip url: http://mealie-frontend.host.or.ip
key: mealieapitoken key: mealieapitoken
version: 1 # optional, defaults to 1
``` ```

View File

@@ -1,21 +1,20 @@
import { useTranslation } from "next-i18next";
import Container from "components/services/widget/container"; import Container from "components/services/widget/container";
import Block from "components/services/widget/block"; import Block from "components/services/widget/block";
import useWidgetAPI from "utils/proxy/use-widget-api"; import useWidgetAPI from "utils/proxy/use-widget-api";
export default function Component({ service }) { export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service; const { widget } = service;
const version = widget.version ?? 1;
const { data, error } = useWidgetAPI(widget, version === 1 ? "statisticsv1" : "statisticsv2");
const { data: versionData, error: versionError } = useWidgetAPI(widget, "version"); if (error) {
const endpoint = return <Container service={service} error={error} />;
versionData?.version?.startsWith("v2") || versionData?.version === "nightly" ? "households" : "groups";
const { data: mealieData, error: mealieError } = useWidgetAPI(widget, endpoint);
if (versionError || mealieError || mealieData?.statusCode === 401) {
return <Container service={service} error={versionError ?? mealieError ?? mealieData} />;
} }
if (!mealieData) { if (!data) {
return ( return (
<Container service={service}> <Container service={service}>
<Block label="mealie.recipes" /> <Block label="mealie.recipes" />
@@ -25,13 +24,12 @@ export default function Component({ service }) {
</Container> </Container>
); );
} }
return ( return (
<Container service={service}> <Container service={service}>
<Block label="mealie.recipes" value={mealieData.totalRecipes} /> <Block label="mealie.recipes" value={t("common.number", { value: data.totalRecipes })} />
<Block label="mealie.users" value={mealieData.totalUsers} /> <Block label="mealie.users" value={t("common.number", { value: data.totalUsers })} />
<Block label="mealie.categories" value={mealieData.totalCategories} /> <Block label="mealie.categories" value={t("common.number", { value: data.totalCategories })} />
<Block label="mealie.tags" value={mealieData.totalTags} /> <Block label="mealie.tags" value={t("common.number", { value: data.totalTags })} />
</Container> </Container>
); );
} }

View File

@@ -5,13 +5,10 @@ const widget = {
proxyHandler: credentialedProxyHandler, proxyHandler: credentialedProxyHandler,
mappings: { mappings: {
version: { statisticsv1: {
endpoint: "app/about",
},
groups: {
endpoint: "groups/statistics", endpoint: "groups/statistics",
}, },
households: { statisticsv2: {
endpoint: "households/statistics", endpoint: "households/statistics",
}, },
}, },