feat(i18n): translate hardcoded strings across print, public recipe, and recipe management UI
Wires dozens of components and server pages to next-intl instead of hardcoded English text, and adds a lightweight getMessages/formatMessage helper for server components (print pages, public recipe page, cook metadata) since next-intl/server isn't wired into this app's routing. Backfills missing en/fr message keys that existing code already referenced but fr.json lacked.
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { useState, useRef } from "react";
|
||||
import { useTranslations } from "next-intl";
|
||||
import { Upload, X, Star } from "lucide-react";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { getPublicUrl } from "@/lib/storage";
|
||||
@@ -20,6 +21,7 @@ export function PhotoUploader({
|
||||
photos: PhotoEntry[];
|
||||
onChange: (photos: PhotoEntry[]) => void;
|
||||
}) {
|
||||
const t = useTranslations("recipeForm");
|
||||
const [uploading, setUploading] = useState(false);
|
||||
const inputRef = useRef<HTMLInputElement>(null);
|
||||
|
||||
@@ -72,7 +74,7 @@ export function PhotoUploader({
|
||||
type="button"
|
||||
onClick={() => setCover(photo.key)}
|
||||
className="rounded-full bg-white/20 p-1 hover:bg-white/40 transition-colors"
|
||||
title="Set as cover"
|
||||
title={t("setCover")}
|
||||
>
|
||||
<Star className={`h-3 w-3 ${photo.isCover ? "text-yellow-400" : "text-white"}`} />
|
||||
</button>
|
||||
@@ -80,7 +82,7 @@ export function PhotoUploader({
|
||||
type="button"
|
||||
onClick={() => remove(photo.key)}
|
||||
className="rounded-full bg-white/20 p-1 hover:bg-red-500/80 transition-colors"
|
||||
title="Remove"
|
||||
title={t("removePhoto")}
|
||||
>
|
||||
<X className="h-3 w-3 text-white" />
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user