Adopt semantic mail action layout

This commit is contained in:
2026-08-19 14:26:26 +02:00
parent c59c67bd18
commit bb8c60abb9
+10 -8
View File
@@ -9,6 +9,7 @@ import { FormGrid, ContentGrid,
Dialog, Dialog,
DocumentationHelpLink, DocumentationHelpLink,
FormField, FormField,
PageActionBar,
PageLayout, PageLayout,
StatusBadge, StatusBadge,
TableActionGroup, TableActionGroup,
@@ -193,16 +194,17 @@ export default function MailBouncePage({ settings }: { settings: ApiSettings })
return ( return (
<> <>
<PageLayout <PageLayout
archetype="collection"
title="Bounce processing" title="Bounce processing"
description="Watch IMAP delivery-status folders and correlate recipient failures with Mail delivery commands." description="Watch IMAP delivery-status folders and correlate recipient failures with Mail delivery commands."
actions={( actions={<PageActionBar
<> variant="collection"
<Button onClick={() => navigate("/mail")}><ArrowLeft size={16} aria-hidden="true" /> Mailbox</Button> refreshable
<DocumentationHelpLink reference={MAIL_BOUNCE_DOCUMENTATION} /> reloadAction={<Button onClick={() => void load()} disabled={Boolean(pageMutationBlocker)} disabledReason={pageMutationBlocker}><RefreshCw size={16} aria-hidden="true" /> Reload</Button>}
<Button onClick={() => void load()} disabled={Boolean(pageMutationBlocker)} disabledReason={pageMutationBlocker}><RefreshCw size={16} aria-hidden="true" /> Reload</Button> contextActions={<Button onClick={() => navigate("/mail")}><ArrowLeft size={16} aria-hidden="true" /> Mailbox</Button>}
<Button variant="primary" onClick={() => setAddOpen(true)} disabled={Boolean(addWatcherBlocker)} disabledReason={addWatcherBlocker}><Plus size={16} aria-hidden="true" /> Add watcher</Button> helpAction={<DocumentationHelpLink reference={MAIL_BOUNCE_DOCUMENTATION} />}
</> createAction={<Button variant="primary" onClick={() => setAddOpen(true)} disabled={Boolean(addWatcherBlocker)} disabledReason={addWatcherBlocker}><Plus size={16} aria-hidden="true" /> Add watcher</Button>}
)} />}
loading={loading} loading={loading}
loadingLabel="Loading bounce processing" loadingLabel="Loading bounce processing"
error={error} error={error}