From ed99b67926f2ae5cffb80d261915c8d282cd4cd6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 16 Jul 2026 22:41:31 +0000
Subject: [PATCH] =?UTF-8?q?Alerte=20des=20refus=20de=20droit=20=C3=A0=20l'?=
 =?UTF-8?q?image=20dans=20la=20gestion=20des=20photos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lorsqu'une rencontre passée est liée à une rencontre, la gestion des
photos affiche désormais un avertissement listant les participants ayant
refusé la publication de leur image, pour éviter de les faire figurer sur
les photos publiées. Les données proviennent des consentements par
participant recueillis à l'inscription.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fkg15RCxNgUys4ru73He2o
---
 web/src/components/admin/AdminPast.jsx | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/web/src/components/admin/AdminPast.jsx b/web/src/components/admin/AdminPast.jsx
index 673d7a8..c996a6e 100644
--- a/web/src/components/admin/AdminPast.jsx
+++ b/web/src/components/admin/AdminPast.jsx
@@ -6,7 +6,9 @@ import ImageSlot from '../ImageSlot.jsx';
 
 // Manages the gallery of one past event: unlimited photos, add / delete /
 // set-as-principal. Only available once the event exists (has an id).
-function PhotoManager({ eventId, photos, setPhotos }) {
+// `refused` lists participants of the linked rencontre who declined image
+// publication, warned about before photos are added.
+function PhotoManager({ eventId, photos, setPhotos, refused = [] }) {
   const { user } = useAuth();
   const [error, setError] = useState('');
 
@@ -46,6 +48,15 @@ function PhotoManager({ eventId, photos, setPhotos }) {
 
   return (
     <div>
+      {refused.length > 0 && (
+        <div style={{ display: 'flex', gap: 10, alignItems: 'flex-start', padding: '12px 16px', background: '#F6E4E4', border: '1px solid #E3B7B5', borderRadius: 6, fontSize: 12.5, color: '#8A2C29', lineHeight: 1.5, marginBottom: 14 }}>
+          <span style={{ fontSize: 15 }}>⚠</span>
+          <span>
+            <strong>{refused.length} participant{refused.length > 1 ? 's ont' : ' a'} refusé la publication de {refused.length > 1 ? 'leur' : 'son'} image</strong> :{' '}
+            {refused.join(', ')}. Ne {refused.length > 1 ? 'les' : 'le/la'} faites pas figurer sur les photos publiées ici.
+          </span>
+        </div>
+      )}
       <div className="field" style={{ marginBottom: 8 }}>Photos ({photos.length})</div>
       <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(96px, 1fr))', gap: 10 }}>
         {photos.map((p, idx) => (
@@ -82,6 +93,7 @@ function PastEventFormModal({ event, rencontres, onClose, onSaved }) {
       : { date_label: '', lieu: '', titre: '', texte: '', participants: 0, rencontre_id: '' }
   );
   const [photos, setPhotos] = useState(event?.photos || []);
+  const [refused, setRefused] = useState([]);
   const [error, setError] = useState('');
   const [savedMsg, setSavedMsg] = useState(false);
 
@@ -89,6 +101,15 @@ function PastEventFormModal({ event, rencontres, onClose, onSaved }) {
 
   const linked = form.rencontre_id ? rencontres.find((r) => r.id === Number(form.rencontre_id)) : null;
 
+  // When the event is linked to a rencontre, list the participants who
+  // declined image publication so the admin avoids publishing their photo.
+  useEffect(() => {
+    if (!form.rencontre_id) { setRefused([]); return; }
+    api.get(`/api/admin/rencontres/${form.rencontre_id}/inscriptions`)
+      .then((d) => setRefused(d.inscriptions.filter((i) => i.image_consent === false).map((i) => i.nom)))
+      .catch(() => setRefused([]));
+  }, [form.rencontre_id]);
+
   const submit = async (e) => {
     e.preventDefault();
     setError('');
@@ -176,7 +197,7 @@ function PastEventFormModal({ event, rencontres, onClose, onSaved }) {
       {savedId && (
         <div style={{ padding: '4px 30px 30px', borderTop: '1px solid var(--border-soft)', marginTop: 6 }}>
           <div style={{ paddingTop: 20 }}>
-            <PhotoManager eventId={savedId} photos={photos} setPhotos={setPhotos} />
+            <PhotoManager eventId={savedId} photos={photos} setPhotos={setPhotos} refused={refused} />
             <p style={{ fontSize: 12.5, color: 'var(--gray-light)', lineHeight: 1.55, marginTop: 12 }}>
               La première photo (★ principale) est mise en avant sur la page d'accueil. Le nombre de photos
               affiché sur le site correspond automatiquement aux photos ci-dessus.