// JammSanté Dermatologie — écrans 3 : consultation Jamm IA, télédermatologie, actes, agenda + shell + app function DmConsultation({ onNavigate }) { const [rec, setRec] = useState(false); const [step, setStep] = useState(0); useEffect(() => { if (!rec) return; const id = setInterval(() => setStep(s => Math.min(s+1, DM_TRANSCRIPT.length)), 1400); return () => clearInterval(id); }, [rec]); const p = DM_PATIENTS[0]; return
onNavigate('accueil')}>Terminer} />
{rec?'Jamm IA - écoute en cours…':'Démarrer la dictée'}
Transcription FR / Wolof · mains libres
{rec &&
{[0,1,2,3,4].map(i=>)}
}
{DM_TRANSCRIPT.slice(0, rec?step:DM_TRANSCRIPT.length).map((l,i)=>(
{l.who}
{l.t}
))}
NOTE JAMM IA
{['Motif : nævus dos évolutif (4 mois) + suivi sevrage dépigmentation.','Examen : lésion 6 mm, asymétrique, bords irréguliers, dermoscopie atypique → ABCDE 3/5.','CAT : exérèse-biopsie 24/07 (consentement signé), envoi anapath Le Dantec.','Sevrage : passage étape S2, hydrocortisone 1 j/2, émollient, SPF50+.'].map((t,i)=>(
•{t}
))}

Ordonnance suggérée

Vigilance : pas de corticoïde fort, sevrage dépigmentation en cours.
{[['Hydrocortisone 1 %','1 appl. 1 j/2 - joues, 2 sem'],['Émollient (cérat)','2 appl./j - visage et corps'],['Écran solaire SPF50+','Chaque matin, renouveler à midi']].map(([m,d],i,arr)=>(
{m}{d}
))}
; } // ---------- Télédermatologie ---------- function DmTelederm() { const avis = [ { de:'Poste de santé Fatick - ICP Ndiaye', motif:'Placard annulaire prurigineux, enfant 9 ans', urg:false, tri:'Teigne corporelle probable', photos:2, t:'il y a 2 h' }, { de:'Poste de santé Fatick - ICP Ndiaye', motif:'Ulcération jambe indolore, homme 45 ans', urg:true, tri:'⚠ À voir en présentiel, suspicion ulcère de Buruli', photos:3, t:'il y a 3 h' }, { de:'Case de santé Niakhar', motif:'Éruption vésiculeuse hémithorax, femme 60 ans', urg:false, tri:'Zona - traitement démarré sur place', photos:1, t:'hier' }, { de:'Poste de santé Diofior', motif:'Dépigmentation en confettis, femme 28 ans', urg:false, tri:'Complications xessal - RDV cabinet proposé', photos:2, t:'hier' }, ]; return
4 en attente} />
{avis.map((a,i)=>(
{Array.from({length:a.photos}).map((_,k)=>(
))}
{a.motif} {a.urg && Urgent}
{a.de} · {a.t}
Pré-tri Jamm IA : {a.tri}
))}
; } // ---------- Actes & petite chirurgie ---------- function DmActes() { const st = { programme:{l:'Programmé',t:'sky'}, fait:{l:'Réalisé',t:'green'} }; return
Programmer un acte} />
ActePatientDateConsentementAnapathStatut
{DM_ACTES.map((a,i,arr)=>(
{a.acte}
{a.anesth!=='—' &&
{a.anesth}
}
{a.patient}
{a.date}
{a.consent ? Signé : À signer}
{a.envoi}
{st[a.statut].l}
))}
; } // ---------- Agenda 2 salles ---------- function DmAgenda() { const hours = ['09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00']; const toneBg = { teal:'var(--d-accent-bg)', rose:'var(--d-rose-bg)', violet:'var(--d-violet-bg)', red:'var(--d-danger-bg)' }; const toneFg = { teal:'#0D9488', rose:'#BE185D', violet:'#6D28D9', red:'#B91C1C' }; const rowH = 64; return
{}} />} />
{DM_PRATICIENS.map(pr=>(
{pr.name}
{pr.salle}
))}
{hours.map(h=>
{h}
)}
{DM_PRATICIENS.map((pr,ci)=>(
{hours.map(h=>
)} {DM_RDV.filter(r=>r.salle===ci).map((r,i)=>{ const hIdx = hours.indexOf(r.h.replace(/:30/,':00')); const top = (hIdx + (r.h.endsWith('30')?0.5:0))*rowH; return
{r.patient}{r.confirm && }
{r.acte}
; })}
))}
; } // ---------- Shell + App ---------- function DmShell({ children, screen, onNavigate, theme, onToggleTheme }) { const groups = [ { g:'Clinique', items:[ { id:'accueil', label:'Accueil', icon:'layout-dashboard' }, { id:'patients', label:'Patients', icon:'users' }, { id:'consultation', label:'Consultation', icon:'mic' }, { id:'agenda', label:'Agenda', icon:'calendar' }, ]}, { g:'Registres', items:[ { id:'reg-surveillance', label:'Lésions en surveillance', icon:'scan' }, { id:'reg-chroniques', label:'Maladies chroniques', icon:'activity' }, { id:'reg-xessal', label:'Dépigmentation', icon:'shield-alert' }, ]}, { g:'Transversal', items:[ { id:'telederm', label:'Télédermatologie', icon:'smartphone' }, { id:'actes', label:'Actes & chirurgie', icon:'slice' }, { id:'ordonnances', label:'Ordonnances', icon:'pill' }, { id:'laboratoire', label:'Laboratoire', icon:'flask-conical' }, { id:'reference', label:'Référence', icon:'share-2' }, ]}, ]; return (
Cabinet Derma Teranga · Dakar · 2 salles
Dr. Diop
Dermatologue
{children}
); } function DmApp() { const [screen, setScreen] = useState('accueil'); const [patient, setPatient] = useState(null); const [theme, setTheme] = useState('light'); useEffect(() => { document.documentElement.setAttribute('data-theme', theme); }, [theme]); const openPatient = (p) => { setPatient(p); setScreen('patient'); window.scrollTo(0,0); }; const nav = (s) => { setScreen(s); window.scrollTo(0,0); }; let view; if (screen==='accueil') view = ; else if (screen==='patients') view = ; else if (screen==='patient' && patient) view = nav('patients')} onNavigate={nav} />; else if (screen==='consultation') view = ; else if (screen==='telederm') view = ; else if (screen==='actes') view = ; else if (screen==='agenda') view = ; else if (screen==='reg-surveillance') view = ; else if (screen==='reg-chroniques') view = ; else if (screen==='reg-xessal') view = ; else if (screen==='ordonnances') view = ; else if (screen==='laboratoire') view = ; else if (screen==='reference') view = ; else view = ; return setTheme(t=>t==='dark'?'light':'dark')}>{view}; } Object.assign(window, { DmConsultation, DmTelederm, DmActes, DmAgenda, DmShell, DmApp });