-
-
- {t("submit.title")}
-
-
- {t("submit.subtitle")}
-
-
-
- {t("submit.backToScanner")}
-
+
+
+ {t("submit.title")}
+
+
+ {t("submit.subtitle")}
+
@@ -164,14 +218,79 @@ export default function SubmitProductPage() {
>
{t("submit.categoryLabel")}
- setCategory(e.target.value)}
className="input-field"
- placeholder={t("submit.categoryPlaceholder")}
- maxLength={100}
+ >
+
+ {FOOD_CATEGORIES.map((cat) => (
+
+ ))}
+
+
+
+ {/* Country hint */}
+ {scanCountry && (
+
+
+ {t("submit.countryLabel")}
+
+
+ {getCountryFlag(scanCountry)}
+ {getCountryName(scanCountry)}
+ {gs1Hint && gs1Hint.code !== scanCountry && (
+
+ ({t("scan.gs1Hint", { country: gs1Hint.name })})
+
+ )}
+
+
+ )}
+
+ {/* Photo */}
+
+
+ {photoPreview && photoPreview.startsWith("blob:") ? (
+
+
+
+
+ ) : (
+
+ )}
+
diff --git a/frontend/src/components/scan/ScanResultView.test.tsx b/frontend/src/components/scan/ScanResultView.test.tsx
index 5fcb173b..024f0fb0 100644
--- a/frontend/src/components/scan/ScanResultView.test.tsx
+++ b/frontend/src/components/scan/ScanResultView.test.tsx
@@ -77,6 +77,14 @@ vi.mock("@/lib/score-utils", () => ({
},
}));
+vi.mock("@/lib/gs1", () => ({
+ gs1CountryHint: (ean: string) => {
+ if (ean.startsWith("590")) return { code: "PL", name: "Poland" };
+ if (ean.startsWith("400")) return { code: "DE", name: "Germany" };
+ return null;
+ },
+}));
+
vi.mock("@/lib/constants", () => ({
NUTRI_COLORS: {
A: "bg-green-600",
@@ -233,6 +241,29 @@ describe("ScanNotFoundView", () => {
"/app/scan/history",
);
});
+
+ it("shows GS1 country hint when EAN has recognised prefix", () => {
+ render(
+
,
+ );
+ expect(screen.getByText("🇵🇱")).toBeInTheDocument();
+ expect(screen.getByText(/scan\.gs1Hint/)).toBeInTheDocument();
+ });
+
+ it("does not show GS1 country hint when prefix is unrecognised", () => {
+ render(
+
,
+ );
+ expect(screen.queryByText(/scan\.gs1Hint/)).toBeNull();
+ });
});
// ─── ScanLookingUpView ──────────────────────────────────────────────────────
diff --git a/frontend/src/components/scan/ScanResultView.tsx b/frontend/src/components/scan/ScanResultView.tsx
index 0a5a2eb4..980d3b29 100644
--- a/frontend/src/components/scan/ScanResultView.tsx
+++ b/frontend/src/components/scan/ScanResultView.tsx
@@ -6,6 +6,7 @@ import { Button, ButtonLink } from "@/components/common/Button";
import { LoadingSpinner } from "@/components/common/LoadingSpinner";
import { ScanMissSubmitCTA } from "@/components/scan/ScanMissSubmitCTA";
import { getCountryFlag, getCountryName, NUTRI_COLORS } from "@/lib/constants";
+import { gs1CountryHint } from "@/lib/gs1";
import { useTranslation } from "@/lib/i18n";
import { getScoreBand, toTryVitScore } from "@/lib/score-utils";
import type {
@@ -81,6 +82,7 @@ export function ScanNotFoundView({
country,
}: ScanNotFoundProps) {
const { t } = useTranslation();
+ const gs1Hint = gs1CountryHint(ean);
return (
@@ -98,6 +100,12 @@ export function ScanNotFoundView({
{t("scan.notFoundMessage", { ean })}
+ {gs1Hint && (
+
+ {getCountryFlag(gs1Hint.code)}
+ {t("scan.gs1Hint", { country: gs1Hint.name })}
+
+ )}