From 51fdb93e97a3d1505a55cb975e465af760633015 Mon Sep 17 00:00:00 2001
From: Florian Wilde <wilde.florian@gmail.com>
Date: Sat, 18 Jul 2026 08:14:49 +0200
Subject: [PATCH] =?UTF-8?q?Automatisch-=C3=BCbersetzen-Button=20nur=20bei?=
 =?UTF-8?q?=20konfiguriertem=20DEEPL=5FAPI=5FKEY?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Statt den Button immer anzuzeigen und erst nach Klick auf die
fehlende Konfiguration hinzuweisen, wird er serverseitig anhand von
process.env.DEEPL_API_KEY ein-/ausgeblendet (Gerichte, Allergene,
Zusatzstoffe). Die dadurch überflüssige "translateUnavailable"-
Meldung wurde aus allen drei Sprachen entfernt.
---
 app/intern/gerichte/page.tsx      |  2 +-
 app/intern/kennzeichnung/page.tsx |  5 +--
 components/CodeListManager.tsx    | 53 +++++++++++++---------------
 components/DishManager.tsx        | 57 +++++++++++++++----------------
 lib/i18n/dictionaries.ts          |  6 ----
 5 files changed, 55 insertions(+), 68 deletions(-)

diff --git a/app/intern/gerichte/page.tsx b/app/intern/gerichte/page.tsx
index 96de7e9..c6ef73b 100644
--- a/app/intern/gerichte/page.tsx
+++ b/app/intern/gerichte/page.tsx
@@ -1,5 +1,5 @@
 import DishManager from "@/components/DishManager";
 
 export default function GerichtePage() {
-  return <DishManager />;
+  return <DishManager translateEnabled={!!process.env.DEEPL_API_KEY} />;
 }
diff --git a/app/intern/kennzeichnung/page.tsx b/app/intern/kennzeichnung/page.tsx
index d965d2a..dcfbaed 100644
--- a/app/intern/kennzeichnung/page.tsx
+++ b/app/intern/kennzeichnung/page.tsx
@@ -1,10 +1,11 @@
 import CodeListManager from "@/components/CodeListManager";
 
 export default function KennzeichnungPage() {
+  const translateEnabled = !!process.env.DEEPL_API_KEY;
   return (
     <div className="grid gap-6 lg:grid-cols-2">
-      <CodeListManager table="allergens" />
-      <CodeListManager table="additives" />
+      <CodeListManager table="allergens" translateEnabled={translateEnabled} />
+      <CodeListManager table="additives" translateEnabled={translateEnabled} />
     </div>
   );
 }
diff --git a/components/CodeListManager.tsx b/components/CodeListManager.tsx
index ed3b429..1a677dd 100644
--- a/components/CodeListManager.tsx
+++ b/components/CodeListManager.tsx
@@ -12,8 +12,10 @@ import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
 
 export default function CodeListManager({
   table,
+  translateEnabled,
 }: {
   table: "allergens" | "additives";
+  translateEnabled: boolean;
 }) {
   const supabase = useMemo(() => createClient(), []);
   const dict = useDict();
@@ -34,9 +36,9 @@ export default function CodeListManager({
     namePl: string;
   } | null>(null);
   const [error, setError] = useState<string | null>(null);
-  const [translateState, setTranslateState] = useState<
-    "idle" | "busy" | "done" | "unavailable"
-  >("idle");
+  const [translateState, setTranslateState] = useState<"idle" | "busy" | "done">(
+    "idle"
+  );
 
   const load = useCallback(async () => {
     const { data, error } = await supabase.from(table).select("*").order("sort");
@@ -115,10 +117,6 @@ export default function CodeListManager({
       });
       const data = await res.json();
       if (!res.ok) throw new Error(data?.error ?? `Fehler (${res.status})`);
-      if (data.configured === false) {
-        setTranslateState("unavailable");
-        return;
-      }
       setEditing((prev) =>
         prev ? { ...prev, nameEn: data.en ?? prev.nameEn, namePl: data.pl ?? prev.namePl } : prev
       );
@@ -191,28 +189,25 @@ export default function CodeListManager({
               />
             </div>
           </div>
-          <div>
-            <button
-              type="button"
-              className="btn btn-neutral"
-              onClick={autoTranslate}
-              disabled={translateState === "busy" || !editing.name.trim()}
-            >
-              {translateState === "busy"
-                ? dict.dishManager.translating
-                : dict.dishManager.autoTranslate}
-            </button>
-            {translateState === "done" && (
-              <span className="ml-2 text-sm text-green-700">
-                {dict.dishManager.translated}
-              </span>
-            )}
-            {translateState === "unavailable" && (
-              <span className="ml-2 text-sm text-gray-500">
-                {dict.dishManager.translateUnavailable}
-              </span>
-            )}
-          </div>
+          {translateEnabled && (
+            <div>
+              <button
+                type="button"
+                className="btn btn-neutral"
+                onClick={autoTranslate}
+                disabled={translateState === "busy" || !editing.name.trim()}
+              >
+                {translateState === "busy"
+                  ? dict.dishManager.translating
+                  : dict.dishManager.autoTranslate}
+              </button>
+              {translateState === "done" && (
+                <span className="ml-2 text-sm text-green-700">
+                  {dict.dishManager.translated}
+                </span>
+              )}
+            </div>
+          )}
           <div className="flex gap-2">
             <button type="submit" className="btn btn-add">
               {dict.common.save}
diff --git a/components/DishManager.tsx b/components/DishManager.tsx
index edf3c28..cd69b7f 100644
--- a/components/DishManager.tsx
+++ b/components/DishManager.tsx
@@ -29,7 +29,11 @@ const EMPTY_FORM: DishForm = {
   additives: [],
 };
 
-export default function DishManager() {
+export default function DishManager({
+  translateEnabled,
+}: {
+  translateEnabled: boolean;
+}) {
   const supabase = useMemo(() => createClient(), []);
   const dict = useDict();
   const locale = useLocale();
@@ -42,9 +46,9 @@ export default function DishManager() {
   const [selected, setSelected] = useState<Set<string>>(new Set());
   const [bulkBusy, setBulkBusy] = useState(false);
   const [search, setSearch] = useState("");
-  const [translateState, setTranslateState] = useState<
-    "idle" | "busy" | "done" | "unavailable"
-  >("idle");
+  const [translateState, setTranslateState] = useState<"idle" | "busy" | "done">(
+    "idle"
+  );
 
   // Live-Suche: filtert die Liste bereits während des Tippens
   const visible = useMemo(() => {
@@ -199,10 +203,6 @@ export default function DishManager() {
       });
       const data = await res.json();
       if (!res.ok) throw new Error(data?.error ?? `Fehler (${res.status})`);
-      if (data.configured === false) {
-        setTranslateState("unavailable");
-        return;
-      }
       setForm((prev) =>
         prev ? { ...prev, nameEn: data.en ?? prev.nameEn, namePl: data.pl ?? prev.namePl } : prev
       );
@@ -296,28 +296,25 @@ export default function DishManager() {
               />
             </div>
           </div>
-          <div>
-            <button
-              type="button"
-              className="btn btn-neutral"
-              onClick={autoTranslate}
-              disabled={translateState === "busy" || !form.name.trim()}
-            >
-              {translateState === "busy"
-                ? dict.dishManager.translating
-                : dict.dishManager.autoTranslate}
-            </button>
-            {translateState === "done" && (
-              <span className="ml-2 text-sm text-green-700">
-                {dict.dishManager.translated}
-              </span>
-            )}
-            {translateState === "unavailable" && (
-              <span className="ml-2 text-sm text-gray-500">
-                {dict.dishManager.translateUnavailable}
-              </span>
-            )}
-          </div>
+          {translateEnabled && (
+            <div>
+              <button
+                type="button"
+                className="btn btn-neutral"
+                onClick={autoTranslate}
+                disabled={translateState === "busy" || !form.name.trim()}
+              >
+                {translateState === "busy"
+                  ? dict.dishManager.translating
+                  : dict.dishManager.autoTranslate}
+              </button>
+              {translateState === "done" && (
+                <span className="ml-2 text-sm text-green-700">
+                  {dict.dishManager.translated}
+                </span>
+              )}
+            </div>
+          )}
 
           <ChipPicker
             label={dict.codeList.allergensTitle}
diff --git a/lib/i18n/dictionaries.ts b/lib/i18n/dictionaries.ts
index 71c32f8..c3082ee 100644
--- a/lib/i18n/dictionaries.ts
+++ b/lib/i18n/dictionaries.ts
@@ -88,8 +88,6 @@ const de = {
     autoTranslate: "Automatisch übersetzen",
     translating: "Übersetze…",
     translated: "Übersetzt.",
-    translateUnavailable:
-      "Automatische Übersetzung ist nicht eingerichtet. Bitte Englisch/Polnisch manuell ausfüllen.",
     priceLabel: "Preis in €",
     pricePlaceholder: "3,50",
     searchPlaceholder: "Gericht suchen…",
@@ -346,8 +344,6 @@ const en: Dict = {
     autoTranslate: "Auto-translate",
     translating: "Translating…",
     translated: "Translated.",
-    translateUnavailable:
-      "Automatic translation is not set up. Please fill in English/Polish manually.",
     priceLabel: "Price in €",
     pricePlaceholder: "3.50",
     searchPlaceholder: "Search dishes…",
@@ -602,8 +598,6 @@ const pl: Dict = {
     autoTranslate: "Przetłumacz automatycznie",
     translating: "Tłumaczenie…",
     translated: "Przetłumaczono.",
-    translateUnavailable:
-      "Automatyczne tłumaczenie nie jest skonfigurowane. Wypełnij angielski/polski ręcznie.",
     priceLabel: "Cena w €",
     pricePlaceholder: "3,50",
     searchPlaceholder: "Szukaj dania…",