"use client";
import { useTranslations } from "next-intl";
import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
function escapeHtml(value: string) {
return value.replace(
/[&<>"']/g,
(c) =>
({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" })[
c
] ?? c,
);
}
export interface ArticlePreviewData {
title: string;
image: string;
summary: string;
body: string;
}
export function ArticlePreview({
data,
onClose,
title,
}: {
data: ArticlePreviewData | null;
onClose: () => void;
title?: string;
}) {
const t = useTranslations("pages.admin.articles.form");
const document = data
? `${escapeHtml(data.title)}
${data.image ? `})
` : ""}${escapeHtml(data.summary)}
${data.body}`
: "";
return (
);
}