Refactor: Add button feedback

This commit is contained in:
gpt-engineer-app[bot]
2025-11-04 18:48:39 +00:00
parent b07004ed03
commit ded4dfd59c
7 changed files with 90 additions and 52 deletions

View File

@@ -166,8 +166,15 @@ export default function AdminSettings() {
setLocalValue(updated);
};
const saveBanDurations = () => {
updateSetting(setting.setting_key, banDurations);
const [savingBanDurations, setSavingBanDurations] = useState(false);
const saveBanDurations = async () => {
setSavingBanDurations(true);
try {
await updateSetting(setting.setting_key, banDurations);
} finally {
setSavingBanDurations(false);
}
};
return (
@@ -239,7 +246,13 @@ export default function AdminSettings() {
</div>
</div>
<Button onClick={saveBanDurations} disabled={isUpdating} className="w-full">
<Button
onClick={saveBanDurations}
loading={savingBanDurations}
loadingText="Saving..."
className="w-full"
trackingLabel="save-ban-duration-settings"
>
<Save className="w-4 h-4 mr-2" />
Save Ban Duration Settings
</Button>
@@ -431,7 +444,13 @@ export default function AdminSettings() {
className="w-24"
min="0"
/>
<Button onClick={handleSubmit} disabled={isUpdating} size="sm">
<Button
onClick={handleSubmit}
loading={isUpdating}
loadingText=""
size="sm"
trackingLabel="save-threshold-setting"
>
<Save className="w-4 h-4" />
</Button>
</div>
@@ -458,7 +477,13 @@ export default function AdminSettings() {
}}
className="flex-1"
/>
<Button onClick={handleSubmit} disabled={isUpdating} size="sm">
<Button
onClick={handleSubmit}
loading={isUpdating}
loadingText=""
size="sm"
trackingLabel="save-setting"
>
<Save className="w-4 h-4" />
</Button>
</div>