Skip to content

Add Back navigation to Security and Domain settings pages#45

Merged
ascorbic merged 4 commits intoemdash-cms:mainfrom
Flynsarmy:goBack
Apr 6, 2026
Merged

Add Back navigation to Security and Domain settings pages#45
ascorbic merged 4 commits intoemdash-cms:mainfrom
Flynsarmy:goBack

Conversation

@Flynsarmy
Copy link
Copy Markdown
Contributor

This PR adds a Back arrow before the titles on Self-Signup Domains and Security Settings admin pages to make them consistent with all the other settings pages that already have the arrow.

image image

Code was slopped up with Github Copilot.

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 3, 2026

🦋 Changeset detected

Latest commit: 122fe0d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 10 packages
Name Type
@emdash-cms/admin Patch
emdash Patch
@emdash-cms/cloudflare Patch
@emdash-cms/plugin-ai-moderation Patch
@emdash-cms/plugin-atproto Patch
@emdash-cms/plugin-audit-log Patch
@emdash-cms/plugin-color Patch
@emdash-cms/plugin-embeds Patch
@emdash-cms/plugin-forms Patch
@emdash-cms/plugin-webhook-notifier Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Apr 3, 2026

Open in StackBlitz

@emdash-cms/admin

npm i https://pkg.pr.new/@emdash-cms/admin@45

@emdash-cms/auth

npm i https://pkg.pr.new/@emdash-cms/auth@45

@emdash-cms/blocks

npm i https://pkg.pr.new/@emdash-cms/blocks@45

@emdash-cms/cloudflare

npm i https://pkg.pr.new/@emdash-cms/cloudflare@45

emdash

npm i https://pkg.pr.new/emdash@45

create-emdash

npm i https://pkg.pr.new/create-emdash@45

@emdash-cms/gutenberg-to-portable-text

npm i https://pkg.pr.new/@emdash-cms/gutenberg-to-portable-text@45

@emdash-cms/x402

npm i https://pkg.pr.new/@emdash-cms/x402@45

@emdash-cms/plugin-ai-moderation

npm i https://pkg.pr.new/@emdash-cms/plugin-ai-moderation@45

@emdash-cms/plugin-atproto

npm i https://pkg.pr.new/@emdash-cms/plugin-atproto@45

@emdash-cms/plugin-audit-log

npm i https://pkg.pr.new/@emdash-cms/plugin-audit-log@45

@emdash-cms/plugin-color

npm i https://pkg.pr.new/@emdash-cms/plugin-color@45

@emdash-cms/plugin-embeds

npm i https://pkg.pr.new/@emdash-cms/plugin-embeds@45

@emdash-cms/plugin-forms

npm i https://pkg.pr.new/@emdash-cms/plugin-forms@45

@emdash-cms/plugin-webhook-notifier

npm i https://pkg.pr.new/@emdash-cms/plugin-webhook-notifier@45

commit: 122fe0d

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 3, 2026

All contributors have signed the CLA ✍️ ✅
Posted by the CLA Assistant Lite bot.

@Flynsarmy
Copy link
Copy Markdown
Contributor Author

I have read the CLA Document and I hereby sign the CLA

github-actions bot added a commit that referenced this pull request Apr 3, 2026
@Flynsarmy
Copy link
Copy Markdown
Contributor Author

recheck

@ascorbic
Copy link
Copy Markdown
Collaborator

ascorbic commented Apr 4, 2026

@JULJERYT
Copy link
Copy Markdown
Contributor

JULJERYT commented Apr 6, 2026

looks good! @ascorbic could you add this changeset?

---
"@emdash-cms/admin": patch
---

Add Back navigation to Security and Domain settings pages

Copilot AI review requested due to automatic review settings April 6, 2026 10:40
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Adds consistent “Back to settings” navigation (left arrow + title header) to the Security Settings and Self-Signup Domains admin pages, aligning them with other settings sub-pages.

Changes:

  • Introduced a shared header block (settingsHeader) in both pages and reused it across loading/error/normal states.
  • Removed the old “Back to Settings” outline button from the external-auth informational state (replaced by the new header back arrow).
  • Added a changeset bump for @emdash-cms/admin.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File Description
packages/admin/src/components/settings/SecuritySettings.tsx Adds reusable header with back arrow; adjusts status banner styles; modifies error-state container styling.
packages/admin/src/components/settings/AllowedDomainsSettings.tsx Adds reusable header with back arrow; adjusts status banner styles; modifies error-state container styling.
.changeset/tidy-chairs-itch.md Patch changeset for the admin package.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

<h1 className="text-2xl font-bold">Security Settings</h1>
<div className="rounded-lg border border-kumo-danger/50 bg-kumo-danger/10 p-6">
{settingsHeader}
<div className="rounded-lg border bg-kumo-base p-6">
Copy link

Copilot AI Apr 6, 2026

Choose a reason for hiding this comment

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

The load-error state styling was changed from a dedicated danger container (danger border + tinted background) to a normal card with only red text. This makes the error state much less visible and is inconsistent with other admin error panels (e.g. ApiTokenSettings uses border-kumo-danger/50 bg-kumo-danger/10). Consider restoring the previous error container classes (or using the shared error panel style used elsewhere) so errors are clearly distinguished from normal content.

Suggested change
<div className="rounded-lg border bg-kumo-base p-6">
<div className="rounded-lg border border-kumo-danger/50 bg-kumo-danger/10 p-6">

Copilot uses AI. Check for mistakes.
<h1 className="text-2xl font-bold">Self-Signup Domains</h1>
<div className="rounded-lg border border-kumo-danger/50 bg-kumo-danger/10 p-6">
{settingsHeader}
<div className="rounded-lg border bg-kumo-base p-6">
Copy link

Copilot AI Apr 6, 2026

Choose a reason for hiding this comment

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

The load-error state card no longer uses the standard danger styling (danger border + tinted background) and now renders as a normal bg-kumo-base panel with only red text. This reduces visibility and diverges from the error presentation used elsewhere in the admin (e.g. ApiTokenSettings / marketplace errors). Suggest restoring the previous danger container classes for the error state.

Suggested change
<div className="rounded-lg border bg-kumo-base p-6">
<div className="rounded-lg border border-kumo-danger bg-kumo-danger/10 p-6">

Copilot uses AI. Check for mistakes.
@ascorbic ascorbic merged commit 5f448d1 into emdash-cms:main Apr 6, 2026
24 of 25 checks passed
@JULJERYT
Copy link
Copy Markdown
Contributor

JULJERYT commented Apr 6, 2026

Thanks to Nick Gray for sponsoring my time on this review :)

@Flynsarmy
Copy link
Copy Markdown
Contributor Author

Thanks for merging! PR was made before the PR templates were introduced so apologies for lack of changeset.

@emdashbot emdashbot bot mentioned this pull request Apr 6, 2026
@Flynsarmy Flynsarmy deleted the goBack branch April 6, 2026 11:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants