fix(ui): replace remaining old-theme loading + error surfaces - #23
Conversation
Two screens still rendered with the pre-redesign palette: - Routes.jsx post-login data-loading screen used `bg-gray-900 text-teal-200` with a plain "Loading..." paragraph. Swapped for the system LoadingScreen component, matching the boot loader. - ErrorBoundary.jsx ErrorFallback used `text-red-600` heading, `bg-gray-100` pre, and a `bg-blue-500` button — all raw Tailwind palette. Migrated to surface-0/surface-1, status-error heading, accent button, mono error pre with rule-1 hairline. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
Caution Review failedPull request was closed or merged during review 📝 WalkthroughWalkthroughThe pull request adds environment variable support with ChangesEnvironment Variable & .env File Loading
Frontend UI & Dependency Updates
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~20 minutes Possibly related PRs
Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
✨ Simplify code
Review rate limit: 4/5 reviews remaining, refill in 12 minutes. Comment |
Summary
Two screens still rendered with the pre-redesign palette and were jarring against the rest of the warm-slate system:
Routes.jsx) usedbg-gray-900 text-teal-200with a plain "Loading..." paragraph. Swapped for the systemLoadingScreencomponent, so it matches the boot loader.ErrorBoundary.jsx) usedtext-red-600heading,bg-gray-100pre, and abg-blue-500button. Migrated tobg-surface-0,text-status-errorheading, accent button, mono error pre withborder-rule-1hairline, capped at 65ch.Also picked up local working-tree changes that were sitting around: a Tailwind 4 / Vitest 4 / react-toastify 11 lockfile resync, a small backend config touch, and a
.claude/settings.local.jsonpermissions tweak.🤖 Generated with Claude Code
Summary by CodeRabbit
New Features
Style
Chores