Display blogs in terslated language

prisma/schema.prisma

@@ -36,12 +36,12 @@ model ContactForm {
 
 model Post {
     id        Int      @id @unique @default(autoincrement())
-    title   String
+    title     String
     locale    String
-    slug    String   @unique
+    slug      String   @unique
     slugtr    String   @unique
     authors   User[]
-    content String
+    content   String
     validated Boolean  @default(false)
     labels    Label[]
     createdAt DateTime @default(now())

prisma/update-db.ts

@@ -0,0 +1,65 @@
+import { PrismaClient } from "@prisma/client";
+
+const prisma = new PrismaClient();
+
+async function updateSlugTr() {
+    await prisma.post.updateMany({
+        where: {
+            locale: "fr",
+        },
+        data: {
+            slugtr: {
+                set: await prisma.$queryRaw`CONCAT(title, '_not_translated')`,
+            },
+        },
+    });
+
+    await prisma.post.updateMany({
+        where: {
+            locale: "en",
+        },
+        data: {
+            slugtr: {
+                set: await prisma.$queryRaw`CONCAT(title, '_not_translated')`,
+            },
+        },
+    });
+    // Cette partie ne devrait pas être incluse si les posts ont une version en français et en anglais car ces derniers seraient dupliqués.
+    const posts = await prisma.post.findMany({
+        include: {
+            authors: true,
+            labels: true,
+        },
+    });
+
+    for (const post of posts) {
+        const newLocale = post.locale === "fr" ? "en" : "fr";
+
+        await prisma.post.create({
+            data: {
+                title: post.title + "_not_translated",
+                locale: newLocale,
+                slugtr: post.slugtr,
+                slug: post.slug,
+                authors: {
+                    connect: post.authors.map(author => ({ id: author.id })),
+                },
+                content: "",
+                validated: false,
+                labels: {
+                    connect: post.labels.map(label => ({ id: label.id })),
+                },
+            },
+        });
+    }
+}
+
+updateSlugTr()
+    .then(() => {
+        console.log("Mise à jour terminée");
+        prisma.$disconnect();
+    })
+    .catch(error => {
+        console.error("Erreur :", error);
+        prisma.$disconnect();
+    });

src/app/[locale]/(blog)/(admin)/edit-blog/[postId]/editor-actions.tsx

@@ -15,11 +15,21 @@ import { useState } from "react";
 import { getBlog, renameBlog } from "@/db/blogs";
 import { updatePostLabels } from "@/db/labels";
 import { Locale } from "@/locales/config";
-import { getDictionary } from "@/locales/dictionaries";
-import { usePathname } from "next/navigation";
-import { isLocale } from "@/locales/config";
+import { Dictionary, getDictionary } from "@/locales/dictionaries";
 
-function Rename({ title, id, router, t, locale }: { title: string; id: number; router: AppRouterInstance; t: any; locale: Locale }) {
+function Rename({
+    title,
+    id,
+    router,
+    t,
+    locale,
+}: {
+    title: string;
+    id: number;
+    router: AppRouterInstance;
+    t: Dictionary["navigation"]["admin"]["editblog"];
+    locale: Locale;
+}) {
     return (
         <Dialog>
             <DialogTrigger asChild>
@@ -57,23 +67,33 @@ function Rename({ title, id, router, t, locale }: { title: string; id: number; r
     );
 }
 
-function AddLabel({ getLabels, addRemoveLabel, dbLabels, t }: { getLabels: string[]; addRemoveLabel: (x: string) => void; dbLabels: string[]; t: any }) {
+function AddLabel({
+    getLabels,
+    addRemoveLabel,
+    dbLabels,
+    t,
+}: {
+    getLabels: string[];
+    addRemoveLabel: (x: string) => void;
+    dbLabels: string[];
+    t: Dictionary["navigation"]["admin"]["editblog"];
+}) {
     return (
         <ManyComboBox
             selected={getLabels}
             addRemove={addRemoveLabel}
             items={dbLabels}
             vocab={{
                 title: t.labels.modifylabels,
-                selectorMessage: t.labels.selectlabels,
+                selectorMessage: t.labels.selectormessage,
                 empty: t.labels.empty,
             }}
             limit={6}
         />
     );
 }
 
-function OpenSave({ saving, t }: { saving: boolean; t: any }) {
+function OpenSave({ saving, t }: { saving: boolean; t: Dictionary["navigation"]["admin"]["editblog"] }) {
     return (
         <Dialog>
             <DialogTrigger asChild>
@@ -116,8 +136,7 @@ interface ActionProps {
 }
 
 export function Actions({ setToBeChanged, content, value, title, id, dbLabels, blogLabels, locale }: ActionProps) {
-    const localepage = usePathname().split("/")[1] as Locale;
-    const t = getDictionary(localepage).navigation.admin.editblog;
+    const t = getDictionary(locale).navigation.admin.editblog;
     const [getLabels, setLabels] = useState<string[]>(blogLabels);
     const addRemoveLabel = (label: string) => {
         var newLabels = getLabels;

src/app/[locale]/(blog)/(admin)/edit-blog/[postId]/page.tsx

@@ -29,7 +29,7 @@ export default async function EditBlog({ params: { postId, locale } }: LocalePos
             <h1>{blog.title}</h1>
             {blog.validated && <UnValidate locale={locale} id={id} />}
             <QuillEditor
-                locale={blogLocale}
+                locale={locale}
                 id={id}
                 content={JSON.parse(blog.content)}
                 title={blog.title}

src/app/[locale]/(blog)/(admin)/list-blog/layout.tsx

@@ -34,7 +34,7 @@ export default async function Validation({ params: { locale }, validate }: PageP
                     <ResizablePanel defaultSize={100}>
                         <div className="p-10 h-full">
                             <DataTable
-                                search_column={"title"}
+                                search_column="title"
                                 data={isAdmin ? allData : allData.filter(post => post.emails.includes(session?.email!))}
                                 columns={columns}
                                 filters={[]}

src/app/[locale]/(blog)/(admin)/list-blog/select/columns.tsx

@@ -16,8 +16,6 @@ import { BtnLink, EmailBtn } from "@/components/telecom-etude/contact";
 import { getUserName } from "@/lib/users";
 import { Checkbox } from "@/components/ui/checkbox";
 import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { Locale } from "@/locales/config";
 
 function Delete({ row }: { row: Row<ValidationBlogType> }) {
     const router = useRouter();

src/app/[locale]/(blog)/(client)/blog/client.tsx

@@ -79,7 +79,6 @@ function BlogsList({ posts, locale, t_none }: { t_none: string; posts: PostPrese
                         ) : null} */}
                     </div>
                     <p className="italic text-gray text-sm">{post.displayedAuthors}</p>
-                    <p>{post.authors}</p>
                     <div className="flex space-x-2 pt-2">
                         {Object.values(post.labels).map((label, i) => (
                             <p key={i} className="bg-muted rounded-full p-1 px-2">

src/app/api/create-blog/route.ts

@@ -7,8 +7,8 @@ export async function POST(request: Request) {
         const { authorEmail, title, locale } = await request.json();
         const session = await auth();
         if (session?.user.email !== authorEmail) throw new Error("Email mismatch: Not allowed");
-        const blogId = await createBlog(authorEmail, title, locale, title + "_not_defined");
-        const blogIdTr = await createBlog(authorEmail, title + "_not_defined", locale === "fr" ? "en" : "fr", title);
+        const blogId = await createBlog(authorEmail, title, locale, title + "_not_translated");
+        const blogIdTr = await createBlog(authorEmail, title + "_not_translated", locale === "fr" ? "en" : "fr", title);
         return NextResponse.json({ blogId });
     } catch (error) {
         console.error("[API Error] Failed to create blog:", error);

src/db/blogs.ts

@@ -111,7 +111,7 @@ export async function renameBlog(id: number, title: string, locale: Locale) {
     try {
         await db.post.update({
             where: { id: id },
-            data: { title: title },
+            data: { title },
         });
     } catch (e) {
         console.error("[renameLocaleBlog] ", e);

src/lib/users.ts

@@ -22,8 +22,11 @@ export function getAuthors(authors: string[]) {
         console.error("Error while fetching user data.");
         return "";
     } else if (!beforeLast) {
+        authors.push(last);
         return last;
     } else {
+        authors.push(beforeLast);
+        authors.push(last);
         return authors.reduce((acc, author) => `${acc}${author}, `, "") + `${beforeLast} & ${last}`;
     }
 }