Added auto scroll to featured campaigns

[aunali8812]

Summary by CodeRabbit

• New Features
  • The featured campaigns carousel now automatically advances to display the next campaign every 5 seconds, providing a dynamic browsing experience without requiring manual interaction.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
potlock-next-app	Ready	Preview, Comment	Mar 12, 2026 7:16pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: ecdcf3f3-8391-4b9d-9208-121020c61db9

📥 Commits

Reviewing files that changed from the base of the PR and between 7917b92 and cb6eec4.

📒 Files selected for processing (1)

• src/pages/campaigns.tsx

---

Walkthrough

An auto-advance interval is introduced to the FeaturedCampaigns component that automatically triggers carousel progression by calling api.scrollNext() every 5 seconds, with proper cleanup on component unmount or dependency changes.

Changes

Cohort / File(s)	Summary
FeaturedCampaigns Auto-Advance src/pages/campaigns.tsx	Added interval effect that automatically calls api.scrollNext() every 5 seconds to advance the featured campaigns carousel, with cleanup on unmount.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

• Featured c #502: Modifies FeaturedCampaigns component signature and layout, which could interact with the new auto-advance behavior.
• Staging to main #397: Updates carousel behavior in the same file, potentially overlapping with the auto-advance interval implementation.
• Featured Projects Carousel and other campaign changes #396: Changes carousel item display and index logic, which may be affected by the new auto-scrolling functionality.

Suggested reviewers

• Ebube111

Poem

🐰 Hop, hop, hop, the carousel goes,
Auto-advancing in rhythmic flows,
Five seconds swift, a rabbit's delight,
Campaigns spinning through day and night! ✨

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/featured-campaigns-carousel

📝 Coding Plan

• Generate coding plan for human review comments

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Tip

CodeRabbit can use your project's `biome` configuration to improve the quality of JS/TS/CSS/JSON code reviews.

Add a configuration file to your project to customize how CodeRabbit runs biome.