Skip to content

feat: router busy loading indicator on main panel#42

Open
cif wants to merge 1 commit intomainfrom
feat-7dnoe5
Open

feat: router busy loading indicator on main panel#42
cif wants to merge 1 commit intomainfrom
feat-7dnoe5

Conversation

@cif
Copy link
Copy Markdown
Collaborator

@cif cif commented Mar 22, 2026

Summary

  • Adds a persistent 5px white strip at the top of the main content panel
  • When the React Router navigation state is non-idle (e.g. SSR route transitions on task creation/click), animates a white→grey→white shimmer gradient sweeping left-to-right continuously
  • Uses useNavigation() from React Router to detect the busy state
  • Animation defined as @keyframes router-shimmer in app.css; strip is absolutely positioned so it overlays content without affecting layout

Test plan

  • Create a new task and observe the shimmer loader appear at the top of the main panel while the route is loading
  • Click an existing task and observe the same shimmer during the SSR transition
  • Confirm the white strip is always visible (even when idle) as a subtle baseline
  • Confirm the animation stops once navigation completes
  • Verify layout is unaffected (strip is position: absolute, does not push content down)

🤖 Generated with Claude Code

Displays a 5px white strip at the top of the main content panel at all
times. When the React Router navigation state is non-idle (e.g. SSR
route transitions for task creation/clicks), animates a white→grey→white
gradient sweeping left-to-right as a continuous shimmer loader.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
viagen-sdk Ready Ready Preview, Comment Mar 22, 2026 1:24am

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant