Display blogs in terslated language

dictionaries/en.ts

@@ -51,12 +51,41 @@ export const enDictionary: Dictionary = {
             httpError: "HTTP Error",
         },
         admin: {
-            validate: "Validate blogs",
-            newblog: "New blog",
-            edit: "Edit blogs",
-            form: "Form submissions",
-            users: "Users management",
-            account: "My account",
+            manageaccount: {
+                validate: "Validate blogs",
+                newblog: "New blog",
+                edit: "Edit blogs",
+                form: "Form submissions",
+                users: "Users management",
+                account: "My account",
+            },
+            createblog: {
+                title: "Create a new post",
+                formentry: "Title",
+                new: "Create",
+                edit: "Edit an existing post",
+            },
+            editblog: {
+                rename: {
+                    title: "Title",
+                    rename: "Rename",
+                    modifytitle: "Modification of the post title",
+                },
+                labels: {
+                    modifylabels: "Modify the labels",
+                    selectormessage: "Select 6 labels at most",
+                    empty: "No filter correspond to this search",
+                },
+                save: {
+                    saving: "Saving in progress",
+                    saved: "Saved",
+                    automaticsave: "Automatic save of posts",
+                    savedescription:
+                        "An automatic backup is constantly being made to prevent data loss. As they can take time, you can make a manual backup before leaving the page with the 'Save' button. Spamming this button is useless, just can lead to crashes.",
+                    savewarning: "WARNING: do not leave the page until the status is marked 'Saved' or you may lose your content...",
+                    save: "Save",
+                },
+            },
         },
         sitemap: {
             title: "Site plan",

dictionaries/fr.ts

@@ -1,3 +1,5 @@
+import { empty } from "@prisma/client/runtime/library";
+
 export const frDictionary = {
     navigation: {
         cookies: {
@@ -48,12 +50,41 @@ export const frDictionary = {
             httpError: "Erreur HTTP",
         },
         admin: {
-            validate: "Valider des posts",
-            newblog: "Nouveau blog",
-            edit: "Modifier des posts",
-            form: "Soumissions au form",
-            users: "Gestion des utilisateurs",
-            account: "Mon compte",
+            manageaccount: {
+                validate: "Valider des posts",
+                newblog: "Nouveau blog",
+                edit: "Modifier des posts",
+                form: "Soumissions au form",
+                users: "Gestion des utilisateurs",
+                account: "Mon compte",
+            },
+            createblog: {
+                title: "Création d'un post",
+                formentry: "Titre",
+                new: "Créer",
+                edit: "Editer un post existant",
+            },
+            editblog: {
+                rename: {
+                    title: "Titre",
+                    rename: "Renommer",
+                    modifytitle: "Modification du titre du post",
+                },
+                labels: {
+                    modifylabels: "Modifier les labels",
+                    selectormessage: "Selectionner au plus 6 labels",
+                    empty: "Aucun filtre ne correspond à cette recherche",
+                },
+                save: {
+                    saving: "Sauvegarde en cours",
+                    saved: "Sauvegardé",
+                    automaticsave: "Sauvegarde automatique des posts",
+                    savedescription:
+                        'Une sauvegarde automatique s\'effectue en permanence pour éviter les pertes de données. Comme elles peuvent prendre du temps, vous pouvez faire une sauvegarde manuelle avant de quitter la page avec le bouton "Sauvegarder". Spammer ce bouton ne sert à rien, juste peut entraîner des crash.',
+                    savewarning: 'ATTENTION: ne quittez pas la page tant que le status n\'est pas marqué en "Sauvegardé" au risque de perdre votre contenu...',
+                    save: "Sauvegarder",
+                },
+            },
         },
         sitemap: {
             title: "Plan du site",

prisma/migrations/20250310190136_o/migration.sql

@@ -0,0 +1,34 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `slug` on the `Post` table. All the data in the column will be lost.
+  - You are about to drop the column `title` on the `Post` table. All the data in the column will be lost.
+  - Added the required column `slugen` to the `Post` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `slugfr` to the `Post` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `titleen` to the `Post` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `titlefr` to the `Post` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- RedefineTables
+PRAGMA defer_foreign_keys=ON;
+PRAGMA foreign_keys=OFF;
+CREATE TABLE "new_Post" (
+    "id" INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT,
+    "titlefr" TEXT NOT NULL,
+    "titleen" TEXT NOT NULL,
+    "locale" TEXT NOT NULL,
+    "slugfr" TEXT NOT NULL,
+    "slugen" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "validated" BOOLEAN NOT NULL DEFAULT false,
+    "createdAt" DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" DATETIME NOT NULL
+);
+INSERT INTO "new_Post" ("content", "createdAt", "id", "locale", "updatedAt", "validated") SELECT "content", "createdAt", "id", "locale", "updatedAt", "validated" FROM "Post";
+DROP TABLE "Post";
+ALTER TABLE "new_Post" RENAME TO "Post";
+CREATE UNIQUE INDEX "Post_id_key" ON "Post"("id");
+CREATE UNIQUE INDEX "Post_slugfr_key" ON "Post"("slugfr");
+CREATE UNIQUE INDEX "Post_slugen_key" ON "Post"("slugen");
+PRAGMA foreign_keys=ON;
+PRAGMA defer_foreign_keys=OFF;

prisma/migrations/20250311191209_/migration.sql

@@ -0,0 +1 @@
+-- This is an empty migration.

prisma/schema.prisma

@@ -36,11 +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())

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

@@ -15,37 +15,40 @@ 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";
 
-function Rename({ title, id, router }: { title: string; id: number; router: AppRouterInstance }) {
+function Rename({ title, id, router, t, locale }: { title: string; id: number; router: AppRouterInstance; t: any; locale: Locale }) {
     return (
         <Dialog>
             <DialogTrigger asChild>
                 <Button variant="outline">
                     <span className="flex items-center space-x-2">
-                        <p>Renommer</p>
+                        <p>{t.rename.rename}</p>
                         <FaPencil />
                     </span>
                 </Button>
             </DialogTrigger>
             <DialogContent>
                 <DialogHeader>
-                    <DialogTitle>Modification du titre du post</DialogTitle>
+                    <DialogTitle>{t.rename.modifytitle}</DialogTitle>
                     <form
                         className="flex flex-col items-center w-full space-y-10"
                         onSubmit={e => {
                             const formData = new FormData(e.target as HTMLFormElement);
                             const title = formData.get("title") as string;
-                            renameBlog(id, title).finally(() => {
+                            renameBlog(id, title, locale).finally(() => {
                                 router.refresh();
                             });
                         }}
                     >
                         <Label htmlFor="title" className="w-full">
-                            Titre
+                            {t.rename.title}
                         </Label>
                         <Input defaultValue={title} className="w-full" type="text" name="title" id="title" />
                         <Button variant="call2action" type="submit">
-                            Renommer
+                            {t.rename.rename}
                         </Button>
                     </form>
                 </DialogHeader>
@@ -54,36 +57,36 @@ function Rename({ title, id, router }: { title: string; id: number; router: AppR
     );
 }
 
-function AddLabel({ getLabels, addRemoveLabel, dbLabels }: { getLabels: string[]; addRemoveLabel: (x: string) => void; dbLabels: string[] }) {
+function AddLabel({ getLabels, addRemoveLabel, dbLabels, t }: { getLabels: string[]; addRemoveLabel: (x: string) => void; dbLabels: string[]; t: any }) {
     return (
         <ManyComboBox
             selected={getLabels}
             addRemove={addRemoveLabel}
             items={dbLabels}
             vocab={{
-                title: "Modifier les labels",
-                selectorMessage: "Selectionner au plus 6 labels",
-                empty: "Aucun filtre ne correspond à cette recherche",
+                title: t.labels.modifylabels,
+                selectorMessage: t.labels.selectlabels,
+                empty: t.labels.empty,
             }}
             limit={6}
         />
     );
 }
 
-function OpenSave({ saving }: { saving: boolean }) {
+function OpenSave({ saving, t }: { saving: boolean; t: any }) {
     return (
         <Dialog>
             <DialogTrigger asChild>
                 <Button variant="outline">
                     <span className="flex items-center space-x-2">
                         {saving ? (
                             <>
-                                <p>Sauvegarde en cours</p>
+                                <p>{t.save.saving}</p>
                                 <AiOutlineLoading3Quarters className="animate-spin" />
                             </>
                         ) : (
                             <>
-                                <p>Sauvegardé</p>
+                                <p>{t.save.saved}</p>
                                 <FaCheck />
                             </>
                         )}
@@ -92,16 +95,9 @@ function OpenSave({ saving }: { saving: boolean }) {
             </DialogTrigger>
             <DialogContent>
                 <DialogHeader className="space-y-6">
-                    <DialogTitle>Sauvegarde automatique des posts</DialogTitle>
-                    <DialogDescription className="flex items-center flex-col">
-                        Une sauvegarde automatique s&apos;effectue en permanence pour éviter les pertes de données. Comme elles peuvent prendre du temps, vous
-                        pouvez faire une sauvegarde manuelle avant de quitter la page avec le bouton &ldquo;Sauvegarder&rdquo;. Spammer ce bouton ne sert à
-                        rien, juste peut entraîner des crash.
-                    </DialogDescription>
-                    <DialogFooter className="text-destructive">
-                        ATTENTION: ne quittez pas la page tant que le status n&apos;est pas marqué en &ldquo;Sauvegardé&rdquo; au risque de perdre votre
-                        contenu...
-                    </DialogFooter>
+                    <DialogTitle>{t.save.automaticsave}</DialogTitle>
+                    <DialogDescription className="flex items-center flex-col">{t.save.savedescription}</DialogDescription>
+                    <DialogFooter className="text-destructive">{t.save.savewarning}</DialogFooter>
                 </DialogHeader>
             </DialogContent>
         </Dialog>
@@ -120,6 +116,8 @@ 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 [getLabels, setLabels] = useState<string[]>(blogLabels);
     const addRemoveLabel = (label: string) => {
         var newLabels = getLabels;
@@ -150,15 +148,15 @@ export function Actions({ setToBeChanged, content, value, title, id, dbLabels, b
                         }}
                     >
                         <span className="flex items-center space-x-2">
-                            <p>Sauvergarder</p>
+                            <p>{t.save.save}</p>
                             <FaSave />
                         </span>
                     </Button>
-                    <Rename id={id} title={title} router={router} />
-                    <AddLabel addRemoveLabel={addRemoveLabel} dbLabels={dbLabels} getLabels={getLabels} />
+                    <Rename id={id} title={title} router={router} t={t} locale={locale} />
+                    <AddLabel addRemoveLabel={addRemoveLabel} dbLabels={dbLabels} getLabels={getLabels} t={t} />
                 </div>
                 <div>
-                    <OpenSave saving={JSON.stringify(content) !== value} />
+                    <OpenSave saving={JSON.stringify(content) !== value} t={t} />
                 </div>
             </div>
             {/* <div className="pb-4">

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

@@ -61,12 +61,12 @@ export function QuillEditor({ id, content, title, locale, dbLabels, blogLabels }
                 setValue(JSON.stringify(quill.getContents().ops));
                 const newContent = quill.getContents().ops;
                 if (newContent != content) {
-                    updateLocaleBlogContent(id, newContent).finally(() => router.refresh());
+                    updateLocaleBlogContent(id, newContent, locale).finally(() => router.refresh());
                 }
             });
             setLoaded(true);
         }
-    }, [quill, content, id, router, loaded]);
+    }, [quill, content, id, router, loaded, locale]);
 
     return (
         <div className="w-full">

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

@@ -14,10 +14,11 @@ interface PageProps extends LocaleParams {
 
 export default async function Validation({ params: { locale }, validate }: PageProps) {
     const posts = await getAllBlog();
-    const allData: ValidationBlogType[] = posts.map(({ id, validated, authors, title, content, createdAt, updatedAt }) => ({
+    const allData: ValidationBlogType[] = posts.map(({ id, validated, authors, locale, title, content, createdAt, updatedAt }) => ({
         id,
         validated,
         emails: authors.map(author => author.email),
+        locale,
         title,
         content,
         createdAt,
@@ -33,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,6 +16,8 @@ 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)/(admin)/list-blog/select/schema.ts

@@ -4,6 +4,7 @@ export const validationBlogSchema = z.object({
     id: z.number(),
     validated: z.boolean(),
     emails: z.array(z.string()),
+    locale: z.string(),
     title: z.string(),
     content: z.string(),
     createdAt: z.date(),