Arnaud
08ab9ac71f
Full sweep of hardcoded English strings across:
- Meal pairing and drink pairing dialogs (titles, descriptions, role/
type labels, regenerate/generate buttons, progress labels) — also
fixed drink type labels that had French text hardcoded regardless
of locale ("Sans alcool"/"Chaud").
- Nutrition panel — had no useTranslations at all.
- Comments: header, empty/loading state, post/reply/cancel/delete
buttons, relative timestamps (just now/Xm ago/Xh ago/Xd ago), and
comment-reactions' toasts + aria-labels.
- Rating stars toasts.
- Direct messages: thread, conversation list, message button, both
/messages pages.
- People search page and component.
- URL import dialog (title, description, buttons, toasts).
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
import { toast } from "sonner";
|
|
import { useTranslations } from "next-intl";
|
|
import { MessageCircle } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
export function MessageButton({ targetUsername }: { targetUsername: string }) {
|
|
const router = useRouter();
|
|
const t = useTranslations("messages");
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
async function startConversation() {
|
|
setLoading(true);
|
|
try {
|
|
const res = await fetch("/api/v1/conversations", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify({ username: targetUsername }),
|
|
});
|
|
if (!res.ok) {
|
|
const err = await res.json() as { error?: string };
|
|
toast.error(err.error ?? t("startConversationFailed"));
|
|
return;
|
|
}
|
|
const { conversationId } = await res.json() as { conversationId: string };
|
|
router.push(`/messages/${conversationId}`);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
|
|
return (
|
|
<Button variant="outline" size="sm" onClick={() => { void startConversation(); }} disabled={loading}>
|
|
<MessageCircle className="h-3.5 w-3.5" />
|
|
{t("messageButton")}
|
|
</Button>
|
|
);
|
|
}
|