update for version key

docs/widgets/services/mealie.md

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

src/widgets/mealie/component.jsx

@@ -1,21 +1,20 @@
+import { useTranslation } from "next-i18next";
+
 import Container from "components/services/widget/container";
 import Block from "components/services/widget/block";
 import useWidgetAPI from "utils/proxy/use-widget-api";
 
 export default function Component({ service }) {
+  const { t } = useTranslation();
   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");
-  const endpoint =
-    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 (error) {
+    return <Container service={service} error={error} />;
   }
 
-  if (!mealieData) {
+  if (!data) {
     return (
       <Container service={service}>
         <Block label="mealie.recipes" />
@@ -25,13 +24,12 @@ export default function Component({ service }) {
       </Container>
     );
   }
-
   return (
     <Container service={service}>
-      <Block label="mealie.recipes" value={mealieData.totalRecipes} />
-      <Block label="mealie.users" value={mealieData.totalUsers} />
-      <Block label="mealie.categories" value={mealieData.totalCategories} />
-      <Block label="mealie.tags" value={mealieData.totalTags} />
+      <Block label="mealie.recipes" value={t("common.number", { value: data.totalRecipes })} />
+      <Block label="mealie.users" value={t("common.number", { value: data.totalUsers })} />
+      <Block label="mealie.categories" value={t("common.number", { value: data.totalCategories })} />
+      <Block label="mealie.tags" value={t("common.number", { value: data.totalTags })} />
     </Container>
   );
 }

src/widgets/mealie/widget.js

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