Skip to content

[Due for payment 2026-03-13] Add reasonAttributes to AvatarSkeleton usage sites #83396

Closed

Description

@MelvinBot

Problem

As part of #81683, we need to add reasonAttributes to all skeleton components so that Sentry spans carry structured metadata about why a loading indicator is visible. This helps engineers debug infinite skeleton loading states.

Solution

Add reasonAttributes to all usage sites of AvatarSkeleton (src/components/AvatarSkeleton.tsx).

At each usage site:

  1. Pass a reasonAttributes prop with a context string identifying the parent component (e.g. 'ParentComponent.ChildComponent')
  2. Include relevant boolean state variables that determine the loading state (e.g. isLoading, isDataReady)

Example

const reasonAttributes: SkeletonSpanReasonAttributes = {
    context: 'ParentComponent',
    isLoading,
    isDataReady,
};

<AvatarSkeleton reasonAttributes={reasonAttributes} />

Reference

Scope

  • Component path: src/components/AvatarSkeleton.tsx
  • Usage sites to update: ~2 files
Issue OwnerCurrent Issue Owner: @sosek108

Activity

  1. sosek108 commented on Feb 27, 2026

    @sosek108
    Contributor

    PR ready for review #83692

  2. added
    Awaiting PaymentAuto-added when associated PR is deployed to production
    and removed on Mar 6, 2026
  3. changed the title [-]Add reasonAttributes to AvatarSkeleton usage sites[/-] [+][Due for payment 2026-03-13] Add reasonAttributes to AvatarSkeleton usage sites[/+] on Mar 6, 2026
  4. melvin-bot commented on Mar 6, 2026

    @melvin-bot

    Reviewing label has been removed, please complete the "BugZero Checklist".

  5. melvin-bot commented on Mar 6, 2026

    @melvin-bot

    The solution for this issue has been 🚀 deployed to production 🚀 in version 9.3.31-12 and is now subject to a 7-day regression period 📆. Here is the list of pull requests that resolve this issue:

    If no regressions arise, payment will be issued on 2026-03-13. 🎊

    For reference, here are some details about the assignees on this issue:

    • @sosek108 does not require payment (Contractor)
  6. melvin-bot commented on Mar 6, 2026

    @melvin-bot

    Triggered auto assignment to @stephanieelliott (Awaiting Payment)

  7. melvin-bot commented on Mar 13, 2026

    @melvin-bot

    Skipping the payment summary for this issue since all the assignees are employees or vendors. If this is incorrect, please manually add the payment summary SO.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions