From 19695cc38be7218438ac000bf13565ade2de591b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AF=92=E5=AF=92?= <2596194220@qq.com>
Date: Mon, 13 Apr 2026 00:04:16 +0800
Subject: [PATCH] feat: apply untranslated color setting to frontend display

- Use exportConfig.untranslatedColor for untranslated dish names in UI
- Ensures consistent color between export and frontend display
---
 app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index f223e3a..9e8143a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -755,9 +755,9 @@ export default function RecipeTranslationPage() {
                                                                         key={dish.id}
                                                                         className="flex flex-col gap-0.5 text-sm"
                                                                     >
-                                      <span className={dish.name.en ? "text-foreground" : "text-destructive"}>
-                                        {dish.name.zh}
-                                      </span>
+<span style={{ color: dish.name.en ? undefined : exportConfig.untranslatedColor }}>
+                                         {dish.name.zh}
+                                       </span>
                                                                         {dish.name.en && (
                                                                             <span
                                                                                 className="text-xs text-muted-foreground">
@@ -788,7 +788,7 @@ export default function RecipeTranslationPage() {
                                                                     key={dish.id}
                                                                     className="flex flex-col gap-0.5"
                                                                 >
-                                    <span className={dish.name.en ? "text-foreground" : "text-destructive"}>
+                                    <span style={{ color: dish.name.en ? undefined : exportConfig.untranslatedColor }}>
                                       {dish.name.zh}
                                     </span>
                                                                     {dish.name.en && (