Add Plein R email composers

src/app/backend/BackendShell.tsx

@@ -16,6 +16,7 @@ const TITLES: Record<string, [string, string]> = {
     "Validez les offres soumises par les adhérents",
   ],
   "/backend/rencontres": ["Rencontres", "Gérer les prochaines dates et les archives"],
+  "/backend/emails": ["Création d'e-mails", "Composer des messages aux couleurs de Plein R"],
   "/backend/administrateurs": ["Administrateurs", "Gérer les accès à l'administration"],
   "/backend/categories": ["Catégories", "Gérer les métiers de l'annuaire"],
   "/backend/parametres": ["Paramètres du site", "Configurer l'association et les mentions légales"],
@@ -148,6 +149,11 @@ export function BackendShell({
                   {dotRound}Rencontres
                 </NavLink>
               )}
+              {can(user.role, "manageEmails") && (
+                <NavLink href="/backend/emails" active={pathname === "/backend/emails"}>
+                  {dot}E-mails
+                </NavLink>
+              )}
               {can(user.role, "manageCategories") && (
                 <NavLink href="/backend/categories" active={pathname === "/backend/categories"}>
                   {dotDiamond}Catégories

src/app/backend/emails/page.tsx

@@ -0,0 +1,22 @@
+import { redirect } from "next/navigation";
+import { auth } from "@/auth";
+import { EmailCreator } from "@/components/EmailCreator";
+import { can } from "@/lib/rbac";
+import { getSiteSettings } from "@/lib/site-settings";
+
+export const dynamic = "force-dynamic";
+
+export default async function EmailsPage() {
+  const session = await auth();
+  if (!can(session?.user.role, "manageEmails")) redirect("/backend");
+  const settings = await getSiteSettings();
+  const brand = {
+    associationName: settings.association_name,
+    address: settings.association_address,
+    email: settings.association_email,
+    phone: settings.association_phone,
+    siret: settings.association_siret,
+  };
+
+  return <EmailCreator brand={brand} />;
+}

src/app/backend/rencontres/page.tsx

@@ -5,7 +5,9 @@ import { auth } from "@/auth";
 import { db } from "@/db";
 import { meetingRegistrations, meetings, pastMeetingPhotos, pastMeetings } from "@/db/schema";
 import { ImageField } from "@/components/ImageField";
+import { MeetingEmailComposer } from "@/components/MeetingEmailComposer";
 import { can } from "@/lib/rbac";
+import { getSiteSettings } from "@/lib/site-settings";
 import {
   addPastMeetingPhoto,
   createMeeting,
@@ -56,6 +58,14 @@ export default async function RencontresAdminPage() {
     .select()
     .from(pastMeetingPhotos)
     .orderBy(asc(pastMeetingPhotos.position), asc(pastMeetingPhotos.id));
+  const settings = await getSiteSettings();
+  const emailBrand = {
+    associationName: settings.association_name,
+    address: settings.association_address,
+    email: settings.association_email,
+    phone: settings.association_phone,
+    siret: settings.association_siret,
+  };
 
   const photosByPast = new Map<number, typeof photos>();
   for (const photo of photos) {
@@ -131,6 +141,18 @@ export default async function RencontresAdminPage() {
                 </div>
                 <button type="submit" style={primaryButton}>Enregistrer</button>
               </form>
+              <MeetingEmailComposer
+                meeting={{
+                  id: meeting.id,
+                  title: meeting.title,
+                  startsAt: meeting.startsAt.toISOString(),
+                  location: meeting.location,
+                  description: meeting.description,
+                  capacity: meeting.capacity,
+                  registered: Number(meeting.registered),
+                }}
+                brand={emailBrand}
+              />
               <form action={deleteMeeting} style={{ marginTop: 8 }}>
                 <input type="hidden" name="id" value={meeting.id} />
                 <button type="submit" style={dangerButton}>Supprimer</button>