fix: standardize button order, add confirmation dialogs for destructive actions

- Fix Cancel|Save order and add primary/loading props (AppConfigDetailPage)
- Add AlertDialog before stopping deployments (AppsTab)
- Add ConfirmDialog before deleting taps (TapConfigModal)
- Add AlertDialog before killing queries with toast feedback (DatabaseAdminPage)
- Add AlertDialog before removing roles from users (UsersTab)
- Standardize Cancel button to variant="ghost" (TapConfigModal, RouteDetail)
- Add loading prop to ConfirmDialogs (OidcConfigPage, RouteDetail)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-09 18:39:22 +02:00
parent 3d910af491
commit fb53dc6dfc
7 changed files with 95 additions and 31 deletions

View File

@@ -982,7 +982,7 @@ export default function RouteDetail() {
</Collapsible>
<div className={styles.tapModalFooter}>
<Button variant="secondary" onClick={() => setTapModalOpen(false)}>Cancel</Button>
<Button variant="ghost" onClick={() => setTapModalOpen(false)}>Cancel</Button>
<Button variant="primary" onClick={saveTap} disabled={!tapName || !tapProcessor || !tapExpression}>Save</Button>
</div>
</div>
@@ -998,6 +998,7 @@ export default function RouteDetail() {
confirmText={deletingTap?.attributeName ?? ''}
confirmLabel="Delete"
variant="danger"
loading={updateConfig.isPending}
/>
</div>
);