/* ============================================================ CENSA — Paramètres Compte (nom, identifiant, mot de passe) · Apparence (fond) · Centre d'aide (poser une question + FAQ). ============================================================ */ /* Couleurs de fond proposées. null = thème par défaut. Mélange de teintes claires et sombres. */ const BG_SWATCHES = [ { id: 'default', color: null, label: { fr: 'Par défaut', en: 'Default' }, dot: '#1b2230' }, { id: 'brume', color: '#e9ecf2', label: { fr: 'Brume', en: 'Mist' }, dot: '#e9ecf2' }, { id: 'ivoire', color: '#f4f0e7', label: { fr: 'Ivoire', en: 'Ivory' }, dot: '#f4f0e7' }, { id: 'ciel', color: '#e4eff9', label: { fr: 'Ciel', en: 'Sky' }, dot: '#e4eff9' }, { id: 'menthe', color: '#e6f3ec', label: { fr: 'Menthe', en: 'Mint' }, dot: '#e6f3ec' }, { id: 'rose', color: '#f8eaef', label: { fr: 'Rosé', en: 'Blush' }, dot: '#f8eaef' }, { id: 'encre', color: '#121315', label: { fr: 'Encre', en: 'Ink' }, dot: '#121315' }, { id: 'foret', color: '#0e1a10', label: { fr: 'Forêt', en: 'Forest' }, dot: '#0e1a10' }, ]; /* Clair ou sombre ? (sert à la coche + au texte) */ function swatchIsLight(hex) { if (!hex) return false; const n = parseInt(hex.slice(1), 16); const r = (n >> 16 & 255) / 255, g = (n >> 8 & 255) / 255, b = (n & 255) / 255; return (0.2126 * r + 0.7152 * g + 0.0722 * b) > 0.6; } function SettingsCard({ icon, title, sub, children }) { return (
{title}
{sub &&
{sub}
}
{children}
); } function Flash({ text }) { if (!text) return null; return (
{text}
); } function AccountSettings({ t, me, onUpdateMe }) { const [name, setName] = useState(me.name || ''); const [handle, setHandle] = useState(me.handle || ''); const [pw, setPw] = useState(''); const [pw2, setPw2] = useState(''); const [msg, setMsg] = useState(''); const [err, setErr] = useState(''); const save = () => { setErr(''); if (pw && pw !== pw2) { setErr(L({ fr: 'Les mots de passe ne correspondent pas.', en: 'Passwords do not match.' })); return; } const patch = { name: name.trim() || me.name, handle: handle.trim().replace(/^@/, '') || me.handle }; if (pw) patch.password = pw; onUpdateMe(patch); setPw(''); setPw2(''); setMsg(L({ fr: 'Modifications enregistrées.', en: 'Changes saved.' })); setTimeout(() => setMsg(''), 3200); }; return (
setName(e.target.value)} placeholder={t.name} />
setHandle(e.target.value)} placeholder="identifiant" />
setPw(e.target.value)} placeholder="••••••••" autoComplete="new-password" />
setPw2(e.target.value)} placeholder="••••••••" autoComplete="new-password" />
{err &&
{err}
}
); } function AppearanceSettings({ me, onUpdateMe }) { const cur = me.bg || null; return (
{BG_SWATCHES.map(s => { const active = (s.color || null) === cur; return ( ); })}
); } function HelpCenter({ t }) { const [q, setQ] = useState(''); const [hist, setHist] = useState(() => { try { const v = JSON.parse(localStorage.getItem('censa_help')); return Array.isArray(v) ? v : []; } catch (e) { return []; } }); const [sent, setSent] = useState(false); const submit = () => { if (!q.trim()) return; const next = [{ q: q.trim(), ts: Date.now() }, ...hist]; setHist(next); try { localStorage.setItem('censa_help', JSON.stringify(next)); } catch (e) {} setQ(''); setSent(true); setTimeout(() => setSent(false), 4000); }; const faq = [ { q: { fr: 'Puis-je supprimer mon compte ?', en: 'Can I delete my account?' }, a: { fr: 'Un compte CENSA ne se supprime pas. Il peut être suspendu de votre côté — l\u2019historique, lui, demeure.', en: 'A CENSA account cannot be deleted. It may be suspended on your side — the history remains.' } }, { q: { fr: 'Qui voit mes publications ?', en: 'Who sees my posts?' }, a: { fr: 'Tout le monde. C\u2019est le principe fondateur du réseau.', en: 'Everyone. That is the network\u2019s founding principle.' } }, { q: { fr: 'Comment augmenter mon score social ?', en: 'How do I raise my social score?' }, a: { fr: 'Publiez, adhérez, relayez. La conformité est récompensée.', en: 'Post, comply, relay. Conformity is rewarded.' } }, ]; const [open, setOpen] = useState(-1); return (