// Conversations · Inscriptions · Agenda · Paramètres · AnnoncesPage · ParentChildView // ============================================================ CONVERSATIONS const CONVS = [ { id: "c1", who: "Camille Lefranc", role: "Parent · PS", time: "09:14", unread: 2, online: true, type: "parent", linked: { name: "Joachim Lefranc", sub: "Inscription PS · à valider" }, files: [{ n: "Certificat médical.pdf", s: "245 Ko" }, { n: "Photo identité.jpg", s: "1.2 Mo" }] }, { id: "c2", who: "Marie Lambert", role: "Enseignante · CE1", time: "08:42", unread: 0, online: true, type: "equipe", linked: { name: "CE1 Camélia", sub: "4 absents aujourd'hui" }, files: [{ n: "Bilan P4 CE1.pdf", s: "180 Ko" }] }, { id: "c3", who: "Yasmine Benkacem", role: "Parent · CP", time: "Hier", unread: 0, type: "parent", linked: { name: "Sami Benkacem", sub: "Élève CP · dossier en cours" }, files: [{ n: "Justificatif absence.pdf", s: "95 Ko" }] }, { id: "c4", who: "Équipe pédago", role: "Groupe · 4 membres", time: "Hier", unread: 1, type: "equipe", linked: { name: "Réunion jeudi 12h", sub: "Ordre du jour à valider" }, files: [{ n: "Ordre du jour.docx", s: "42 Ko" }] }, { id: "c5", who: "Julien Wagner", role: "Parent · CE1", time: "Lun", unread: 0, type: "parent", linked: { name: "Emma Wagner", sub: "Dossier CE1 · en cours de revue" }, files: [{ n: "Avis d'imposition.pdf", s: "310 Ko" }] }, ]; const MSGS_BY_CONV = { c1: [ { side: "them", text: "Bonjour Sophie, j'espère que vous allez bien.", time: "09:12" }, { side: "them", text: "Est-ce que la cantine sera ouverte vendredi pour la sortie ?", time: "09:13" }, { side: "me", text: "Bonjour Camille ! Oui la cantine sera ouverte normalement. Le pique-nique sortie n'est que pour ceux qui le souhaitent.", time: "09:14" }, { side: "them", text: "Parfait, merci ! Joachim prendra à la cantine alors.", time: "09:14" }, ], c2: [ { side: "them", text: "Bonjour Sophie, j'ai ajouté l'observation pour Adam.", time: "08:38" }, { side: "them", text: "Ça serait bien qu'on en parle, il est un peu agité ces derniers temps.", time: "08:40" }, { side: "me", text: "Tout à fait Marie. Je te propose qu'on se voit jeudi à 12h ?", time: "08:42" }, ], c3: [ { side: "me", text: "Bonjour Yasmine, je voulais vous donner des nouvelles de Sami.", time: "Hier" }, { side: "me", text: "Il progresse très bien en lecture, on est vraiment contents de lui !", time: "Hier" }, { side: "them", text: "Merci pour le retour, ça nous fait vraiment plaisir. À demain.", time: "Hier" }, ], c4: [ { side: "them", text: "Équipe pédago : quelqu'un peut valider l'ordre du jour pour jeudi ?", time: "Hier" }, { side: "me", text: "Oui, j'ai envoyé le doc partagé par email hier soir.", time: "Hier" }, { side: "them", text: "Sophie : on valide l'ordre du jour ?", time: "Hier" }, ], c5: [ { side: "them", text: "Bonjour, veuillez trouver ci-joint le certificat médical pour Emma.", time: "Lun" }, { side: "me", text: "Merci Julien, je mets à jour le dossier immédiatement.", time: "Lun" }, ], }; function Conversations({ role }) { const { toast, t } = useApp(); const [selId, setSel] = React.useState("c1"); const [draft, setDraft] = React.useState(""); const [messages, setMessages] = React.useState(MSGS_BY_CONV); const [unreads, setUnreads] = React.useState( Object.fromEntries(CONVS.map(c => [c.id, c.unread || 0])) ); const [filter, setFilter] = React.useState("all"); const [convOrder, setConvOrder] = React.useState(CONVS.map(c => c.id)); const sel = CONVS.find(c => c.id === selId); const threadRef = React.useRef(null); const now = () => new Date().toLocaleTimeString("fr-FR", {hour: "2-digit", minute: "2-digit"}); const openConv = (id) => { setSel(id); setUnreads(u => ({...u, [id]: 0})); }; const bumpConv = (id) => setConvOrder(o => [id, ...o.filter(x => x !== id)]); const send = () => { if (!draft.trim()) return; const msg = { side: "me", text: draft.trim(), time: now() }; setMessages(m => ({...m, [selId]: [...(m[selId] || []), msg]})); setDraft(""); bumpConv(selId); }; React.useEffect(() => { if (threadRef.current) threadRef.current.scrollTop = threadRef.current.scrollHeight; }, [messages, selId]); const totalUnread = Object.values(unreads).reduce((a, b) => a + b, 0); const FILTERS = [ { k: "all", l: t("filter_all_conv") }, { k: "unread", l: `${t("filter_unread")} · ${totalUnread}` }, { k: "parent", l: t("filter_parents_conv") }, { k: "equipe", l: t("filter_equipe_conv") }, ]; const visibleConvs = CONVS .filter(c => { if (filter === "unread") return unreads[c.id] > 0; if (filter === "parent") return c.type === "parent"; if (filter === "equipe") return c.type === "equipe"; return true; }) .sort((a, b) => convOrder.indexOf(a.id) - convOrder.indexOf(b.id)); return (
{t("conv_eyebrow")}

{t("conv_title")}

} right={ <> } />
{/* Liste des conversations */}
{FILTERS.map(f => ( ))}
{visibleConvs.length === 0 && (
{t("no_conv")}
)} {visibleConvs.map(c => { const active = c.id === selId; const unread = unreads[c.id] || 0; return ( ); })}
{/* Thread */}
{sel.who}
{sel.role}{sel.online && · {t("online_label")}}
} items={[ {icon: Icons.Pin, label: t("pin_conv"), onClick: () => toast("Conversation épinglée")}, {icon: Icons.Bell, label: t("mute_conv"), onClick: () => toast("Notifications coupées")}, "-", {icon: Icons.X, label: t("delete_conv"), danger: true, onClick: () => toast("Conversation supprimée")}, ]} />
{t("today")}
{(messages[selId] || []).map((m, i) => (
{m.text}
{m.time}
))}