Split Admin mega-page into Overview/People/Content/System sub-routes - #34
Merged
Conversation
…ystem) - Admin.jsx default export is now AdminLayout: page title + tab header (NavLinks reusing .admin-nav) + global EmailStatusBanner + <Outlet />. The 13 section components are unchanged and regrouped into named exports AdminOverview / AdminPeople / AdminContent / AdminSystem, keeping the id="adm-*" section wrappers and mirroring today's director-only conditionals (Integrations, Backup, NewsPoster). - EditorApp.jsx: nested admin routes with index/people/content/system and a wildcard redirect back to /editor/admin. - Hash-compat: legacy /editor/admin#adm-<section> deep links redirect to the tab that hosts the section (replace, hash preserved) and scroll it into view after render. - styles.css (owned region): .admin-nav pills now also style NavLinks, with an accent active state and a transform-only :active press. - DirectorDashboard: replace off-palette fallback hexes on the workload bars with token-based values. Co-Authored-By: Claude Fable 5 <[email protected]>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
duckyquang
added a commit
that referenced
this pull request
Jul 13, 2026
…ration tree Those four unit branches are already fully contained in this branch with their conflicts resolved against the unit-1 foundation (which main does not have yet). main introduced no other content, so the integrated tree is kept as-is. Co-Authored-By: Claude Fable 5 <[email protected]>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Unit 6 of the framed-workspace redesign batch: editor/moderator portals, headlined by the Admin IA split.
What changed
Task A — Admin split (13-section scroll page → 4 sub-routes)
src/pages/editor/Admin.jsx: default export is nowAdminLayout(title + subtitle +.admin-navtab header + globalEmailStatusBanner+<Outlet />). The 13 existing section components are untouched and regrouped into named exports:/editor/admin): AnalyticsCards + NewsPoster (director-only)people): People, Applications, Moderation, ReferralLeaderboardcontent): ProgramsPanel, CompetitionsAdmin, GlobalEvents, Archivesystem): AuditLog, Integrations (director-only), Backup (director-only), SetupGuidesrc/pages/editor/EditorApp.jsx: nested admin routes with a wildcard redirect back to/editor/admin.#adm-<section>deep links redirect to the hosting tab (replace: true, hash preserved) and scroll the section into view after render.id="adm-*"wrappers kept; auditors see all four tabs with director-only sections omitted (same conditionals as before).views.jsverified (matches sub-paths viastartsWith) — not edited.Task B — design-audit sweep
.admin-navpills extended to NavLinks with an accent active state (var(--accent, var(--brand-deep))fallback until the new token layer lands) and a transform-only 150ms ease-out:activepress. New-token usage carries old-token fallbacks so the branch renders correctly pre- and post-token-merge.DirectorDashboard.jsx: replaced off-palette fallback hexes (#e5484d,#4f7cff) on workload bars with token values.Testing
#adm-programs→ Content and#adm-setup→ System (with scroll) deep links verified; wildcard/editor/admin/bogusredirects; client-side tab switching keeps the sidebar Admin item active; editor review queue, Director Desk, and moderator console all render; light + dark at 1440px and 375px.npm run buildclean (docs/ artifacts reverted per batch convention).🤖 Generated with Claude Code