Update Settings.tsx
This commit is contained in:
@@ -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="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="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' && (
|
||||
<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.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 className="pt-4 border-t flex justify-between items-center">
|
||||
|
||||
Reference in New Issue
Block a user