Skip to content

fix(mosaic): match OrganizationList skeleton to the loaded list - #10608

Merged
alexcarpenter merged 1 commit into
mainfrom
carp/mosaic-org-list-skeleton
Nov 3, 2026
Merged

alexcarpenter merged 1 commit into
mainfrom
carp/mosaic-org-list-skeleton

Conversation

@alexcarpenter

Copy link
Copy Markdown
Member

Description

The OrganizationList loading skeleton didn't match the loaded list. This fixes it.

  • Avatar bones were sized by the initials. Skeleton wrapped RowAvatar size='fit', so 100% resolved against the bone itself and the avatar shrank to its text (17px, 9px and 10px wide in swingset). Skeleton now wraps Item.Media, the same way the members-table skeleton wraps Entity.Media, so every bone is 40×40.
  • The personal account row was missing. The skeleton now renders it first, with a circle bone, unless hidePersonal is set, matching the view.

Rows are 52px in both the skeleton and the loaded list, so nothing shifts on swap.

Before After
OrganizationList loading skeleton before OrganizationList loading skeleton after

Checklist

  • pnpm test runs as expected.
  • pnpm build runs as expected.
  • (If applicable) JSDoc comments have been added or updated for any package exports
  • (If applicable) Documentation has been updated

Type of change

  • 🐛 Bug fix
  • 🌟 New feature
  • 🔨 Breaking change
  • 📖 Refactoring / dependency upgrade / documentation
  • other:

@vercel

vercel Bot commented Nov 3, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
clerk-js-sandbox Ready Ready Preview Nov 3, 2026 2:49pm UTC
swingset Ready Ready Preview Nov 3, 2026 2:49pm UTC

Request Review

@changeset-bot

changeset-bot Bot commented Nov 3, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: ca1d6a9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@clerk/mosaic Patch
@clerk/swingset Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@coderabbitai

coderabbitai Bot commented Nov 3, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

No actionable comments were generated in the recent review.

Walkthrough

OrganizationListSkeleton now shows a personal-account placeholder unless hidePersonal is set. Organization placeholders use a shared row helper that renders a circular or square avatar shape and the supplied name. A patch changeset describes the skeleton updates.

Estimated code review effort: 2 (Simple) | ~8 minutes

Possibly related PRs

Suggested reviewers: kylemac, austincalvelage

Merge Risk: Minimal · up to ca1d6

The loading placeholders are intended to match the loaded list. No merge-blocking issue was identified.

Pre-merge checks: Passed 4 · Failed 1

Failed 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%. Docstring coverage is scoped to functions touched by this diff with cyclomatic complexity of at least 2. Documentat… Write docstrings for the functions missing them to satisfy the coverage threshold.
Passed Passed checks: 4 passed
Check name Status Explanation
Title check Passed The title names the main change: the OrganizationList loading skeleton is changed to match the loaded list. It uses the fix(mosaic) prefix and names the affected component. The changeset supports this…
Description check Passed The description is related to the changeset. It explains that the OrganizationList loading skeleton did not match the loaded list. It says Skeleton now wraps Item.Media so avatar bones are 40x40. It s…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
Full details: Title check

Explanation

The title names the main change: the OrganizationList loading skeleton is changed to match the loaded list. It uses the fix(mosaic) prefix and names the affected component. The changeset supports this. The skeleton now sizes avatar placeholders to the loaded avatar size and renders the personal account row unless hidePersonal is set.

Full details: Description check

Explanation

The description is related to the changeset. It explains that the OrganizationList loading skeleton did not match the loaded list. It says Skeleton now wraps Item.Media so avatar bones are 40x40. It says the skeleton renders a personal account row with a circle bone unless hidePersonal is set. It also includes before and after screenshots.

Full details: Docstring Coverage

Explanation

Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff with cyclomatic complexity of at least 2. Documentation-only edits and deletions within surviving functions are included; unchanged diff context and fully deleted functions are excluded. Analyzed 2 functions across 1 files. (1 skipped: 1 unsupported.)

Resolution

Write docstrings for the functions missing them to satisfy the coverage threshold.

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Warning

Linked repositories: Some configured repositories could not be included in this review. Cross-repository analysis may be incomplete. Please check linked-repository access and settings.

CodeRabbit Verify

  • Run CodeRabbit Verify to test the changes in this pull request.
Recent review info
Run configuration
Commits

Reviewing files that changed from the base of the PR and between f801820 and ca1d6a9.

Files selected for processing: 2
  • .changeset/org-list-skeleton-avatars.md
  • packages/mosaic/src/features/organization-list/organization-list.skeleton.tsx
Linked repositories identified

CodeRabbit considers these linked repositories for cross-repo context during reviews:

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 2 remain after this review.

@pkg-pr-new

pkg-pr-new Bot commented Nov 3, 2026

Copy link
Copy Markdown

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@10608

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@10608

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@10608

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@10608

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@10608

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@10608

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@10608

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@10608

@clerk/expo-biometrics

npm i https://pkg.pr.new/@clerk/expo-biometrics@10608

@clerk/expo-google-signin

npm i https://pkg.pr.new/@clerk/expo-google-signin@10608

@clerk/expo-native-components

npm i https://pkg.pr.new/@clerk/expo-native-components@10608

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@10608

@clerk/express

npm i https://pkg.pr.new/@clerk/express@10608

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@10608

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@10608

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@10608

@clerk/mosaic

npm i https://pkg.pr.new/@clerk/mosaic@10608

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@10608

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@10608

@clerk/react

npm i https://pkg.pr.new/@clerk/react@10608

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@10608

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@10608

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@10608

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@10608

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@10608

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@10608

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@10608

commit: ca1d6a9

@alexcarpenter
alexcarpenter merged commit 6644cc2 into main Nov 3, 2026
91 of 92 checks passed
@alexcarpenter
alexcarpenter deleted the carp/mosaic-org-list-skeleton branch November 3, 2026 16:32

This branch was successfully deployed

2 active deployments
Preview – swingset — ca1d6a95 Deployed Nov 3, 2026 by vercel[bot]
Preview – clerk-js-sandbox — ca1d6a95 Deployed Nov 3, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants