Adopt semantic mail action layout
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user