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:
frakarr
2026-01-09 23:12:34 +01:00
committed by GitHub
parent 6aaca6adc4
commit e960a9cba8
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/Settings.tsx
View File

@@ -360,12 +360,18 @@ export const SettingsPage: React.FC = () => {
<div className="bg-white rounded-2xl shadow-sm border border-slate-200 p-8"> <div className="bg-white rounded-2xl shadow-sm border border-slate-200 p-8">
<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> <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"> <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="s3">Amazon S3</option></select> <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="s3">Amazon S3</option>
<option value="google_drive">Google Drive</option>
<option value="dropbox">Dropbox</option>
<option value="onedrive">Microsoft OneDrive</option>
</select>
{storageForm.provider !== 'local_db' && ( {storageForm.provider !== 'local_db' && (
<div className="space-y-6 p-6 bg-slate-50 rounded-2xl border border-slate-100"> <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 / Access Key" /> <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.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="Bucket Name" /> <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"} />
</div> </div>
)} )}
<div className="pt-4 border-t flex justify-between items-center"> <div className="pt-4 border-t flex justify-between items-center">