[WEB-5785]fix: favorites icon size

[vamsikrishnamathala]

Description

This update fixes the inconsistent icon size for favorties header.

Type of Change

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] Feature (non-breaking change which adds functionality)
• [ ] Improvement (change that would cause existing functionality to not work as expected)
• [ ] Code refactoring
• [ ] Performance improvements
• [ ] Documentation update

Screenshots and Media (if applicable)

Test Scenarios

References

Summary by CodeRabbit

• Bug Fixes

  • Fixed an issue where folder creation and renaming actions could execute multiple times after successful completion.

• Style

  • Updated button styling for creating a new favorites folder.
  • Refined icon sizing for improved visual consistency.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai[bot]]

📝 Walkthrough

Walkthrough

Two sidebar component files updated with UI refinements and control-flow improvements: replaced button with IconButton for folder creation, added early returns after success toasts in promise handlers, and adjusted icon sizing using Tailwind utility classes. Imports were cleaned up and empty comment blocks removed.

Changes

Cohort / File(s)	Summary
Favorites Sidebar Components apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx, apps/web/core/components/workspace/sidebar/favorites/new-fav-folder.tsx	UI refinement: replaced button with IconButton (variant="ghost", size="sm"); early returns added after success toasts in handleRemoveFromFavorites, handleAddNewFolder, and handleRenameFolder to prevent further chain execution; icon size class updated from w-[16px] to size-4; import cleanup (removed default React import) and formatting adjustments.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 A folder's new garb, with buttons redrawn, Early returns now whisper: "our work here is done!" Sized up with grace, these tiny tweaks shine— Favorites organized, in neat rows they align! ✨

Pre-merge checks and finishing touches

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Description check	❓ Inconclusive	The description is incomplete; it lacks test scenarios, screenshots, and any reference to related issues despite having placeholder sections.	Add test scenarios describing how you verified the icon size fix and consider adding before/after screenshots to validate the visual change.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately describes the main change—fixing an icon size issue in the favorites component.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing touches

• [ ] 📝 Generate docstrings

🧪 Generate unit tests (beta)

• [ ] Create PR with unit tests
• [ ] Post copyable unit tests in a comment
• [ ] Commit unit tests in branch fix/favorites-icon-size

---

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

[makeplane[bot]]

Linked to Plane Work Item(s)

• [WEB-5785] Favorites folder icon and accordion appear smaller than expected

This comment was auto-generated by Plane