Staging

[afsar-dev]

Summary by CodeRabbit

Release Notes

• Style

  • Enhanced theme switcher with dynamic sizing based on screen width.
  • Refined responsive layouts and spacing across navigation, buttons, and sidebar components.
  • Improved dark mode color consistency for badge styling.
  • Optimized button and logo styling for consistent appearance across breakpoints.
  • Repositioned navigation drawer for improved layout organization.

• Chores

  • Cleaned up unused code sections.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
nurui	Building	Preview, Comment, Open in v0	Apr 4, 2026 4:52pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 60724d12-4ece-409f-8653-51d98494c1a0

📥 Commits

Reviewing files that changed from the base of the PR and between 28e011e and 2862796.

📒 Files selected for processing (7)

• src/components/common/Nurui.tsx
• src/components/common/RoundedButton.tsx
• src/components/common/ThemeSwitcher.tsx
• src/components/layout/Footer.tsx
• src/components/layout/Navbar.tsx
• src/components/layout/components-layout/ComponentsLeftSidebar.tsx
• src/components/pages/home/CtaInspireSection.tsx

---

📝 Walkthrough

Walkthrough

This pull request modifies seven components across the codebase, primarily updating responsive styling classes by removing medium-breakpoint prefixes, restructuring layout positioning in the Navbar, adding responsive sizing logic to ThemeSwitcher, and commenting out the statistics rendering feature in CtaInspireSection. Footer cleanup also removes an unused commented block.

Changes

Cohort / File(s)	Summary
Responsive Styling Updates src/components/common/Nurui.tsx, src/components/common/RoundedButton.tsx, src/components/layout/components-layout/ComponentsLeftSidebar.tsx	Adjusted responsive breakpoint classes: Nurui adds margin adjustments and responsive visibility hiding, RoundedButton removes md: prefix from background theme classes, and ComponentsLeftSidebar updates badge styling with dark-mode color overrides.
Theme Switcher Logic src/components/common/ThemeSwitcher.tsx	Added state-based responsive sizing logic that tracks window width (16px for <768px, 18px for <1024px, otherwise 22px) via mount and resize listeners, and updated theme classes from breakpoint-scoped to unconditional application.
Navbar Layout Restructuring src/components/layout/Navbar.tsx	Relocated VaulDrawer from right actions to left branding region, adjusted responsive spacing and breakpoint visibility for navigation pills (lg:flex → xl:flex), made right actions always-rendered with adaptive gaps, and reduced social icon sizes on small screens.
Feature Removal src/components/pages/home/CtaInspireSection.tsx	Disabled statistics counter rendering by commenting out react-countup and react-intersection-observer imports, useInView() hook usage, and the entire JSX mapping block for stats counters.
Code Cleanup src/components/layout/Footer.tsx	Removed a previously commented-out JSX block iterating over footerSections and rendering FooterSection components.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

Poem

🐰✨ With whiskers twitching, the styles now shine,
Layout reshuffles in breakpoint time,
Themes respond to the screen's gentle call,
And counters sleep—we've disabled them all! 🎨

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch staging

---

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.}