Skip to content

refactor(site): demui <NotificationEvents /> into dropdown - #27732

Merged
jakehwll merged 4 commits into
mainfrom
jakehwll/notifications-events-demui
Aug 3, 2026
Merged

refactor(site): demui <NotificationEvents /> into dropdown#27732
jakehwll merged 4 commits into
mainfrom
jakehwll/notifications-events-demui

Conversation

@jakehwll

@jakehwll jakehwll commented Aug 1, 2026

Copy link
Copy Markdown
Contributor

Note

We don't have a planned migration path for the MUI <ToggleGroup />. Therefore, I've swapped these to dropdowns as an inbetween.

Migrate deployment notification event settings off MUI Card/List/ToggleButtonGroup and Emotion styles.

Template groups now use the same Tailwind card layout as user notification settings, and the delivery method control is a shared Select dropdown with icon + label.

Old New
NOTIFICATION_EVENTS_OLD NOTIFICATION_EVENTS_NEW

@jakehwll jakehwll added the experimental Changes that might not necessarily be merged, until its approved to proceed with. label Aug 1, 2026
@coderagents

coderagents Bot commented Aug 1, 2026

Copy link
Copy Markdown
Contributor

Documentation Check

Updates Needed

  • docs/admin/monitoring/notifications/index.md - The Delivery Preferences screenshot (docs/images/admin/monitoring/notifications/notification-admin-prefs.png) shows the old icon toggle-button group for selecting a notification method. This PR replaces that control with a labeled dropdown, so the image no longer matches the UI. Recapture the screenshot of /deployment/notifications?tab=events.

No other docs changes appear needed: this is a presentation-only refactor with no API, CLI, or configuration surface changes.


Automated review via Coder Agents

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 80e355862e

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

})}
</ToggleButtonGroup>
<SelectTrigger
aria-label="Notification method"

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Include the template in each select's accessible name

For screen-reader users navigating the comboboxes directly, every template exposes the identical accessible name Notification method; the visible template name is only sibling text and is not referenced by the trigger, so users cannot tell which event they are modifying. Associate the trigger with tpl.name, for example through aria-labelledby or a template-specific label.

AGENTS.md reference: site/AGENTS.md:L18-L19

Useful? React with 👍 / 👎.

@DanielleMaywood DanielleMaywood left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dropdown makes so much more sense here, brilliant

@jakehwll
jakehwll merged commit ce20ad8 into main Aug 3, 2026
26 checks passed
@jakehwll
jakehwll deleted the jakehwll/notifications-events-demui branch August 3, 2026 09:09
@github-actions github-actions Bot locked and limited conversation to collaborators Aug 3, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

experimental Changes that might not necessarily be merged, until its approved to proceed with.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants