Skip to content

Improve the empty state when no collections exist - #23

Merged
DevOlabode merged 1 commit into
DevOlabode:mainfrom
dyk1454683243-sudo:cursor/collections-empty-state-e1b8
Sep 18, 2026
Merged

DevOlabode merged 1 commit into
DevOlabode:mainfrom
dyk1454683243-sudo:cursor/collections-empty-state-e1b8

Conversation

@dyk1454683243-sudo

@dyk1454683243-sudo dyk1454683243-sudo commented Sep 18, 2026

Copy link
Copy Markdown
Contributor

What does this PR do?

Improves the popup empty state when a signed-in user has bookmarks but no collections.

The #collections-empty guide still explains that collections group related bookmarks. It now names the next click (Create a collection below), and opening the composer from that empty state focuses the collection name field. Switching to the Collection tab does the same. This matches the bookmarks empty-state focus work from #8 / #20.

Related Issue

Fixes #9

Type of Change

  • Bug fix
  • New feature
  • Documentation
  • Refactor
  • Tests

Screenshots

Verified in the popup UI:

  • Light theme: Organize kicker, purpose copy, numbered steps, and Create a collection CTA
  • Dark theme: same card remains readable
  • Clicking Create a collection opens the composer on the Collection tab and focuses #collection-name (orange focus ring, Frontend placeholder)

Checklist

  • I followed the contribution guidelines
  • I tested my changes
  • I updated documentation if necessary
  • This PR focuses on one change

Make the no-collections guide name the next click, and focus the
collection name field when the composer opens from that empty state.

Co-authored-by: David <dyk1454683243-sudo@users.noreply.github.com>
@vercel

vercel Bot commented Sep 18, 2026

Copy link
Copy Markdown

@dyk1454683243-sudo is attempting to deploy a commit to the solabode499-5056's projects Team on Vercel.

A member of the Team first needs to authorize it.

@dyk1454683243-sudo
dyk1454683243-sudo marked this pull request as ready for review September 18, 2026 07:07

@DevOlabode DevOlabode left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed the diff — logic checks out. focusComposerField() reads composerType correctly, and setComposerType() unhides #collection-fields before focus is called in both call sites (openComposer and the tab-click handler), so there's no race where the field is focused while still hidden. The new id="collection-name" and aria-describedby="collections-empty-copy" both resolve correctly. Build passes.

Approving; will merge.

@DevOlabode
DevOlabode merged commit def8b89 into DevOlabode:main Sep 18, 2026
1 of 2 checks passed
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.

Improve the empty state when no collections exist

2 participants