fcarra/Condopay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Settings.tsx

Browse Source
This commit is contained in:
Francesco Carrà
2026-01-09 23:27:42 +01:00
committed by GitHub
parent d5fb94f542
commit faded552e0
1 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pages/Settings.tsx
View File

@@ -98,7 +98,7 @@ export const SettingsPage: React.FC = () => {
setActiveCondo(activeC);
setGlobalSettings(gSettings);
setBrandingForm(gSettings.branding || { appName: 'CondoPay', primaryColor: 'blue' });
setBrandingForm(gSettings.branding || { appName: 'CondoPay', primaryColor: 'blue', logoUrl: '', loginBackgroundUrl: '' });
setStorageForm(gSettings.storageConfig || { provider: 'local_db', apiKey: '', apiSecret: '', bucket: '', region: '' });
if (isPrivileged) {
@@ -361,7 +361,7 @@ export const SettingsPage: React.FC = () => {
<div className="flex items-center gap-3 mb-8"><div className="p-3 bg-amber-50 rounded-2xl text-amber-600"><HardDrive className="w-6 h-6" /></div><h3 className="text-xl font-bold text-slate-800">Storage Cloud</h3></div>
<form onSubmit={handleStorageSubmit} className="space-y-6">
<select value={storageForm.provider} onChange={e => setStorageForm({...storageForm, provider: e.target.value as any})} className="w-full border border-slate-200 p-3 rounded-xl font-bold text-slate-700">
<option value="local_db">Database Locale</option>
<option value="local_db">Database Locale (Default)</option>
<option value="s3">Amazon S3</option>
<option value="google_drive">Google Drive</option>
<option value="dropbox">Dropbox</option>
@@ -369,9 +369,27 @@ export const SettingsPage: React.FC = () => {
</select>
{storageForm.provider !== 'local_db' && (
<div className="space-y-6 p-6 bg-slate-50 rounded-2xl border border-slate-100">
<input value={storageForm.apiKey || ''} onChange={e => setStorageForm({...storageForm, apiKey: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="API Key / Client ID" />
<input value={storageForm.apiSecret || ''} onChange={e => setStorageForm({...storageForm, apiSecret: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Secret Key" type="password" />
<input value={storageForm.bucket || ''} onChange={e => setStorageForm({...storageForm, bucket: e.target.value})} className="w-full border p-3 rounded-xl" placeholder={storageForm.provider === 's3' ? "Bucket Name" : "Folder / Container"} />
{storageForm.provider === 's3' && (
<>
<input value={storageForm.bucket || ''} onChange={e => setStorageForm({...storageForm, bucket: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Bucket Name" />
<input value={storageForm.region || ''} onChange={e => setStorageForm({...storageForm, region: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Region (es. eu-central-1)" />
<input value={storageForm.apiKey || ''} onChange={e => setStorageForm({...storageForm, apiKey: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Access Key ID" />
<input value={storageForm.apiSecret || ''} onChange={e => setStorageForm({...storageForm, apiSecret: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Secret Access Key" type="password" />
</>
)}
{storageForm.provider === 'google_drive' && (
<>
<input value={storageForm.bucket || ''} onChange={e => setStorageForm({...storageForm, bucket: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Parent Folder ID (Opzionale)" />
<input value={storageForm.apiKey || ''} onChange={e => setStorageForm({...storageForm, apiKey: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Service Account Email (client_email)" />
<textarea value={storageForm.apiSecret || ''} onChange={e => setStorageForm({...storageForm, apiSecret: e.target.value})} className="w-full border p-3 rounded-xl h-32 text-xs font-mono" placeholder="Private Key (-----BEGIN PRIVATE KEY...)" />
</>
)}
{(storageForm.provider === 'dropbox' || storageForm.provider === 'onedrive') && (
<>
<input value={storageForm.apiKey || ''} onChange={e => setStorageForm({...storageForm, apiKey: e.target.value})} className="w-full border p-3 rounded-xl" placeholder="Access Token" type="password" />
<p className="text-xs text-slate-500">Nota: Inserisci un Access Token valido a lunga durata.</p>
</>
)}
</div>
)}
<div className="pt-4 border-t flex justify-between items-center">
@@ -461,7 +479,8 @@ export const SettingsPage: React.FC = () => {
</div>
</div>
{/* --- MODALS --- */}
{/* --- MODALS (Omitted unchanged modals like Condo, Family, User for brevity, assuming standard implementation) --- */}
{/* Keeping just the essential parts that rely on state to prove functionality */}
{showCondoModal && (
<div className="fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-4 backdrop-blur-sm">
<div className="bg-white rounded-3xl shadow-2xl w-full max-w-lg p-8 animate-in fade-in zoom-in duration-200">