claudecodeui icon indicating copy to clipboard operation
claudecodeui copied to clipboard

[FixBug] The Desktop version's "New Project" button is always hidden

Open ybalbert001 opened this issue 1 month ago β€’ 1 comments

The Desktop version's "New Project" button is wrapped by the conditional logic projects.length > 0, causing it to not display when there are no projects, preventing users from creating new projects.

Summary by CodeRabbit

  • Refactor
    • Desktop interface reorganized: New Project and Refresh buttons now appear in a dedicated action bar
    • Control and search visibility optimized for different screen sizes and loading states

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

ybalbert001 avatar Nov 26 '25 03:11 ybalbert001

Walkthrough

The Sidebar component is refactored to introduce a new desktop-only action bar containing New Project and Refresh buttons. These controls are moved out of the search area, and the Search Filter UI is now conditionally rendered only when projects exist.

Changes

Cohort / File(s) Summary
Sidebar layout reorganization
src/components/Sidebar.jsx
Introduces new desktop action bar with New Project and Refresh buttons (hidden on mobile and during loading); relocates controls from search area; modifies Search Filter visibility to render only when projects exist; removes redundant desktop-action buttons block from search area

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

  • Verify that the new desktop action bar visibility logic correctly checks both loading state and mobile breakpoint
  • Confirm Search Filter conditional rendering now properly depends on project count rather than previous conditions
  • Ensure no visual regressions in mobile and desktop views after button relocation

Poem

🐰 A sidebar springs to life with care,
Desktop actions floating there,
Search and buttons find their place,
Mobile-friendly, with better grace!

Pre-merge checks and finishing touches

❌ Failed checks (1 warning)
Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. You can run @coderabbitai generate docstrings to improve docstring coverage.
βœ… Passed checks (2 passed)
Check name Status Explanation
Description Check βœ… Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check βœ… Passed The PR title accurately describes the main change: fixing a bug where the desktop 'New Project' button was hidden due to conditional logic, which is the core issue addressed in the changeset.
✨ Finishing touches
  • [ ] πŸ“ Generate docstrings
πŸ§ͺ Generate unit tests (beta)
  • [ ] Create PR with unit tests
  • [ ] Post copyable unit tests in a comment

[!TIP]

πŸ“ Customizable high-level summaries are now available in beta!

You can now customize how CodeRabbit generates the high-level summary in your pull requests β€” including its content, structure, tone, and formatting.

  • Provide your own instructions using the high_level_summary_instructions setting.
  • Format the summary however you like (bullet lists, tables, multi-section layouts, contributor stats, etc.).
  • Use high_level_summary_in_walkthrough to move the summary from the description to the walkthrough section.

Example instruction:

"Divide the high-level summary into five sections:

  1. πŸ“ Description β€” Summarize the main change in 50–60 words, explaining what was done.
  2. πŸ““ References β€” List relevant issues, discussions, documentation, or related PRs.
  3. πŸ“¦ Dependencies & Requirements β€” Mention any new/updated dependencies, environment variable changes, or configuration updates.
  4. πŸ“Š Contributor Summary β€” Include a Markdown table showing contributions: | Contributor | Lines Added | Lines Removed | Files Changed |
  5. βœ”οΈ Additional Notes β€” Add any extra reviewer context. Keep each section concise (under 200 words) and use bullet or numbered lists for clarity."

Note: This feature is currently in beta for Pro-tier users, and pricing will be announced later.


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

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

coderabbitai[bot] avatar Nov 26 '25 03:11 coderabbitai[bot]