// settings.jsx — functional settings sheets + data export/import // ── Shared bottom-sheet shell ──────────────────────────────── function SheetShell({ title, onClose, children, subtitle }) { return (
{title} {subtitle &&
{subtitle}
}
{children}
); } // ── Small controls ─────────────────────────────────────────── function Seg({ options, value, onChange }) { const c = useTheme(); return (
{options.map(o => { const v = typeof o === 'object' ? o.value : o; const l = typeof o === 'object' ? o.label : o; const on = v === value; return ( ); })}
); } function RowToggle({ label, sub, value, onChange }) { const c = useTheme(); return (
{label}
{sub &&
{sub}
}
); } function FieldLabel({ children }) { return {children}; } // ── Export / import ────────────────────────────────────────── function downloadBackup(payload) { const data = { app: 'PsyFit', version: 1, exportedAt: new Date().toISOString(), ...payload }; const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'psyfit-backup-' + new Date().toISOString().slice(0, 10) + '.json'; document.body.appendChild(a); a.click(); a.remove(); setTimeout(() => URL.revokeObjectURL(url), 1500); } // ── Settings sheet ─────────────────────────────────────────── function SettingsSheet({ kind, onClose, ctx }) { const c = useTheme(); const { settings, setSettings, theme, setPref, getExport, onImport } = ctx; const [importMsg, setImportMsg] = React.useState(null); const [confirmClear, setConfirmClear] = React.useState(false); const fileRef = React.useRef(null); // UNITS ────────────────────────────────────────────────── if (kind === 'units') { return ( Weight unit setSettings({ unit: v })} />
Existing data is stored once and converted on the fly — switching units never changes your logged numbers.
); } // REMINDERS ────────────────────────────────────────────── if (kind === 'reminders') { const reqPermission = async () => { if (!('Notification' in window)) { setImportMsg('Notifications are not supported on this device.'); return; } const res = await Notification.requestPermission(); setImportMsg(res === 'granted' ? 'Notifications enabled.' : 'Permission denied — enable it in your browser settings.'); }; const testNote = () => { if (('Notification' in window) && Notification.permission === 'granted') { try { new Notification('PsyFit', { body: "This is your daily nudge. Let's train 🔥", icon: 'icons/icon-192.png' }); } catch (e) {} } else { reqPermission(); } }; return (
{ setSettings({ reminderOn: v }); if (v) reqPermission(); }} />
Time setSettings({ reminderTime: e.target.value })} style={{ width: '100%', boxSizing: 'border-box', height: 48, padding: '0 16px', borderRadius: 'var(--radius-sm)', background: 'var(--surface-2)', border: '1px solid var(--border)', color: 'var(--text)', fontFamily: 'var(--font-body)', fontSize: 16, outline: 'none', colorScheme: c.dark ? 'dark' : 'light' }} />
{importMsg &&
{importMsg}
}
Reminders fire while PsyFit is installed and running in the background. For guaranteed delivery when fully closed, a push service is needed.
); } // WEEKLY GOAL ──────────────────────────────────────────── if (kind === 'goal') { const g = settings.weeklyGoal; return (
{g}
per week
{[3, 4, 5, 6].map(n => ( ))}
); } // PREFERENCES ──────────────────────────────────────────── if (kind === 'preferences') { return (
Color scheme
{ACCENTS.map(a => { const on = a.c.toLowerCase() === String(theme.accent).toLowerCase(); return ( ); })}
Theme setPref('dark', v)} />
Display font setPref('font', v)} />
Home layout setPref('homeLayout', v)} />
setPref('imagery', v)} />
); } // DATA / BACKUP ────────────────────────────────────────── if (kind === 'data') { const doImport = (e) => { const f = e.target.files && e.target.files[0]; if (!f) return; const reader = new FileReader(); reader.onload = () => { try { const data = JSON.parse(reader.result); if (!data || data.app !== 'PsyFit') { setImportMsg('That doesn\'t look like a PsyFit backup.'); return; } onImport(data); setImportMsg('Restored! Your data is back.'); } catch (err) { setImportMsg('Could not read that file.'); } }; reader.readAsText(f); e.target.value = ''; }; return (
downloadBackup(getExport())} icon={}>Export my data {importMsg &&
{importMsg}
}
Your export is a single file containing your workouts, exercises, profile, photos, and settings. Save it to your files or cloud drive. Import it on any device to restore everything.
{/* Danger zone */}
Danger zone {!confirmClear ? ( ) : (
Clear all workout history?
This wipes your logged sets, streak, stats, PRs and calendar history. Your exercises and plan stay. This can't be undone — export a backup first if you want to keep it.
)}
); } return null; } Object.assign(window, { SheetShell, SettingsSheet, downloadBackup });