add: Translated the shared form components

Author: claude

dashboard/src/components/form/ChannelPicker.tsx

@@ -1,4 +1,5 @@
 import { type ChannelSummary } from "@testify/shared";
+import { useTranslation } from "react-i18next";
 import { Field } from "@/components/form/Field";
 import { SELECT } from "@/components/form/fieldStyles";
 import { Warning } from "@/components/form/Warning";
@@ -15,7 +16,7 @@ export function ChannelPicker({
 	label,
 	hint,
 	allowNone = true,
-	noneLabel = "Where they were talking",
+	noneLabel,
 }: {
 	channels: ChannelSummary[];
 	value: string | null;
@@ -25,6 +26,7 @@ export function ChannelPicker({
 	allowNone?: boolean;
 	noneLabel?: string;
 }): React.JSX.Element {
+	const { t } = useTranslation();
 	const postable = postableChannels(channels);
 	const chosen = postable.find((channel) => channel.id === value);
 
@@ -37,7 +39,7 @@ export function ChannelPicker({
 					onChange(event.target.value === "" ? null : event.target.value);
 				}}
 			>
-				{allowNone && <option value="">{noneLabel}</option>}
+				{allowNone && <option value="">{noneLabel ?? t("common.whereTalking")}</option>}
 				{postable.map((channel) => (
 					<option key={channel.id} value={channel.id} disabled={!channel.canSend}>
 						#{channel.name}

dashboard/src/components/form/CheckList.tsx

@@ -1,4 +1,5 @@
 import { useId, type ReactNode } from "react";
+import { useTranslation } from "react-i18next";
 import { CHECK_ROW, FIELD_GROUP, LABEL, SCROLL_LIST } from "@/components/form/fieldStyles";
 import { cn } from "@/lib/cn";
 
@@ -26,6 +27,7 @@ export function CheckList({
 	max: number;
 	onChange: (ids: string[]) => void;
 }): React.JSX.Element {
+	const { t } = useTranslation();
 	const atLimit = value.length >= max;
 	const nameId = `checklist-${useId()}`;
 
@@ -38,7 +40,7 @@ export function CheckList({
 				</span>
 				{hint !== undefined && <span className="text-muted-foreground text-xs">{hint}</span>}
 				<span className="text-muted-foreground text-xs tabular-nums" aria-live="polite">
-					{value.length} of {max} chosen
+					{t("common.chosen", { count: value.length, max })}
 				</span>
 			</span>
 

dashboard/src/components/form/SavingIndicator.tsx

@@ -1,10 +1,12 @@
 import { Check, Loader2 } from "lucide-react";
+import { useTranslation } from "react-i18next";
 import { cn } from "@/lib/cn";
 
 export type SavingState = "idle" | "saving" | "saved";
 
 /** Idle → Saving → Saved, announced politely so a screen reader hears the outcome without stealing focus. */
 export function SavingIndicator({ state }: { state: SavingState }): React.JSX.Element {
+	const { t } = useTranslation();
 	return (
 		<span
 			className={cn(
@@ -17,7 +19,7 @@ export function SavingIndicator({ state }: { state: SavingState }): React.JSX.El
 		>
 			{state === "saving" && <Loader2 size={13} className="animate-spin" aria-hidden="true" />}
 			{state === "saved" && <Check size={13} aria-hidden="true" />}
-			{state === "saving" ? "Saving…" : state === "saved" ? "Saved" : ""}
+			{state === "saving" ? t("common.savingEllipsis") : state === "saved" ? t("common.saved") : ""}
 		</span>
 	);
 }

dashboard/src/i18n/locales/de.json

@@ -28,7 +28,10 @@
 		"couldNotRun": "Das konnte nicht ausgeführt werden.",
 		"didNotWork": "Das hat nicht funktioniert.",
 		"discordRefused": "Discord hat das abgelehnt.",
-		"unknownAccount": "Unbekanntes Konto"
+		"unknownAccount": "Unbekanntes Konto",
+		"chosen": "{{count}} von {{max}} ausgewählt",
+		"whereTalking": "Wo gerade geschrieben wurde",
+		"savingEllipsis": "Wird gespeichert…"
 	},
 	"nav": {
 		"servers": "Server",

dashboard/src/i18n/locales/en.json

@@ -28,7 +28,10 @@
 		"couldNotRun": "That could not be run.",
 		"didNotWork": "That did not work.",
 		"discordRefused": "Discord refused that.",
-		"unknownAccount": "Unknown account"
+		"unknownAccount": "Unknown account",
+		"chosen": "{{count}} of {{max}} chosen",
+		"whereTalking": "Where they were talking",
+		"savingEllipsis": "Saving…"
 	},
 	"nav": {
 		"servers": "Servers",

dashboard/src/i18n/locales/es.json

@@ -29,7 +29,10 @@
 		"couldNotRun": "No se ha podido ejecutar.",
 		"didNotWork": "No ha funcionado.",
 		"discordRefused": "Discord lo ha rechazado.",
-		"unknownAccount": "Cuenta desconocida"
+		"unknownAccount": "Cuenta desconocida",
+		"chosen": "{{count}} de {{max}} elegidos",
+		"whereTalking": "Donde estaban hablando",
+		"savingEllipsis": "Guardando…"
 	},
 	"nav": {
 		"servers": "Servidores",

dashboard/src/i18n/locales/fr.json

@@ -29,7 +29,10 @@
 		"couldNotRun": "Impossible d’exécuter.",
 		"didNotWork": "Cela n’a pas fonctionné.",
 		"discordRefused": "Discord a refusé.",
-		"unknownAccount": "Compte inconnu"
+		"unknownAccount": "Compte inconnu",
+		"chosen": "{{count}} sur {{max}} sélectionnés",
+		"whereTalking": "Là où la conversation avait lieu",
+		"savingEllipsis": "Enregistrement…"
 	},
 	"nav": {
 		"servers": "Serveurs",