// screens-provider.jsx — Psychologist dashboard + Admin verification // =========================================================== // PENDING APPROVAL — must be defined BEFORE ProviderScreen // =========================================================== function PendingApprovalScreen({ authUser, onRefresh }) { const { t } = useLang(); const [checking, setChecking] = useState(false); const [checked, setChecked] = useState(false); async function checkStatus() { setChecking(true); try { const raw = localStorage.getItem('psyche-auth'); const token = raw ? JSON.parse(raw).token : null; const r = await fetch('/api/auth/me', { headers: { Authorization: 'Bearer ' + token } }); const data = await r.json(); if (data.user && data.user.approved) { if (onRefresh) onRefresh(); } else { setChecked(true); } } catch (e) {} setChecking(false); } return (

{t('pending_h1')}

{t('pending_body')} {authUser ? authUser.email : ''} {t('pending_body2')}

{checked && (

{t('pending_still')}

)}

{t('pending_next_h')}

{[ { icon: 'verified_user', text: t('pending_step1') }, { icon: 'mark_email_read', text: t('pending_step2') }, { icon: 'public', text: t('pending_step3') }, ].map(function(s, i) { return (
0 ? '1px solid var(--psy-rule)' : 'none' }}> {s.text}
); })}
); } // =========================================================== // CLIENT PROFILE MODAL // =========================================================== function ClientProfileModal({ client, psyId, onClose }) { // client = { user_id, user_name, user_email, bookings: [] } const { lang } = useLang(); const el = lang === 'el'; const [journal, setJournal] = useState(null); const [loading, setLoading] = useState(true); const [emergency, setEmergency] = useState(null); // null=loading, {shared,contacts} useEffect(() => { if (!client?.user_id) return; const token = JSON.parse(localStorage.getItem('psyche-auth') || '{}').token || ''; const hdrs = { Authorization: 'Bearer ' + token }; fetch('/api/clients/' + client.user_id + '/journal', { headers: hdrs }) .then(r => r.json()) .then(d => setJournal(Array.isArray(d) ? d : [])) .catch(() => setJournal([])) .finally(() => setLoading(false)); fetch('/api/clients/' + client.user_id + '/emergency', { headers: hdrs }) .then(r => r.ok ? r.json() : null) .then(d => setEmergency(d || { shared: false, contacts: [] })) .catch(() => setEmergency({ shared: false, contacts: [] })); }, [client?.user_id]); const MOODS = ['', el ? 'Δύσκολα' : 'Tough', el ? 'Βαριά' : 'Heavy', el ? 'Εντάξει' : 'Okay', el ? 'Καλά' : 'Good', el ? 'Φωτεινά' : 'Bright']; const MOOD_COLORS = ['', '#EF4444', '#F97316', '#EAB308', '#22C55E', '#10B981']; const MOOD_ICONS = ['', '😞', '😔', '😐', '🙂', '😊']; function fmtDate(d) { return new Date(d + 'T12:00:00').toLocaleDateString(el ? 'el-GR' : 'en-GB', { day: 'numeric', month: 'short', year: 'numeric' }); } const initials = (client.user_name || '?').split(' ').map(w => w[0]).slice(0, 2).join('').toUpperCase(); return (
e.target === e.currentTarget && onClose()}>
{/* Header */}
{initials}
{client.user_name}
{client.bookings?.length || 0} {el ? 'συνεδρίες' : 'sessions'} {emergency?.phone && ( {emergency.phone} )}
{/* Sessions summary */} {client.bookings?.length > 0 && (
{client.bookings.map((b, i) => ( {b.date} · {b.time} · {b.mode === 'online' ? (el ? 'Online' : 'Online') : (el ? 'Δια ζώσης' : 'In-person')} ))}
)} {/* Emergency contacts */} {emergency && emergency.shared && emergency.contacts.length > 0 && (
{el ? 'Επαφές Έκτακτης Ανάγκης' : 'Emergency Contacts'}
{emergency.contacts.map((c, i) => (
{c.name || '—'} {c.phone}
))}
)} {/* Journal */}
{el ? 'Κοινό Ημερολόγιο Διάθεσης' : 'Shared Mood Journal'}
{loading ? (

{el ? 'Φόρτωση...' : 'Loading...'}

) : journal?.length === 0 ? (

{el ? 'Ο χρήστης δεν έχει μοιραστεί κάποια εγγραφή ακόμα.' : 'No shared journal entries yet.'}

) : (
{journal.map((e, i) => (
{MOOD_ICONS[e.mood] || '•'}
{MOODS[e.mood] || e.mood} {fmtDate(e.date)}
{e.note &&

{e.note}

}
))}
)}
); } // =========================================================== // PROVIDER DASHBOARD (the psychologist-side view) // =========================================================== // ── Decline modal ──────────────────────────────────────────── function DeclineModal({ booking, onDecline, onClose }) { const [reason, setReason] = React.useState(''); const [altTime, setAltTime] = React.useState(''); const [loading, setLoading] = React.useState(false); async function submit() { setLoading(true); await onDecline(booking.id, reason, altTime); setLoading(false); onClose(); } return (

Decline this request

{booking.user_name || 'Client'} requested {booking.date} at {booking.time} ({booking.mode}).

Reason (optional — shown to the client)