Skip to content

Conversation

@ryan953
Copy link
Member

@ryan953 ryan953 commented May 23, 2025

The only real visible changes are related to the header in error and loading scenarios, and padding in the Archived state. Nav breadrcumbs now filter empty labels in all cases, prefering to show "Session Replay" instead of "Session Replay > >" while loading.

The color contract of placeholders in the header is terrible, but they're all present with the same dimensions as before.

State Before After
Archived/Deleted archived-before archived-after
Not Found not-found-before not-found-after
Loading https://github.com/user-attachments/assets/87014604-329b-4b82-9a8e-d11c5b925808 https://github.com/user-attachments/assets/716a31fe-0316-4c3e-8140-07d04c2f621e

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label May 23, 2025
@ryan953 ryan953 marked this pull request as ready for review May 26, 2025 18:21
@ryan953 ryan953 requested a review from a team as a code owner May 26, 2025 18:21
@ryan953 ryan953 merged commit cb4706d into master May 27, 2025
46 checks passed
@ryan953 ryan953 deleted the ryan953/ref-replay-details-loading branch May 27, 2025 14:58
@sentry
Copy link

sentry bot commented May 30, 2025

Suspect Issues

This pull request was deployed and Sentry observed the following issues:

  • ‼️ TypeError: Object.groupBy is not a function /replays/:replaySlug/ View Issue
  • ‼️ Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. /explore/replays/:replaySlug/ View Issue

Did you find this useful? React with a 👍 or 👎

andrewshie-sentry pushed a commit that referenced this pull request Jun 2, 2025
#92230)

The only real visible changes are related to the header in error and
loading scenarios, and padding in the Archived state. Nav breadrcumbs
now filter empty labels in all cases, prefering to show "Session Replay"
instead of "Session Replay > >" while loading.

The color contract of placeholders in the header is terrible, but
they're all present with the same dimensions as before.

| State | Before | After |
| --- | --- | --- |
| Archived/Deleted | <img width="1309" alt="archived-before"
src="https://github.com/user-attachments/assets/4665a048-c6b9-48be-abeb-474dce2918c4"
/> | <img width="1312" alt="archived-after"
src="https://github.com/user-attachments/assets/6d1e3415-e141-497a-9a1a-5b6bb3067306"
/>
| Not Found | <img width="1309" alt="not-found-before"
src="https://github.com/user-attachments/assets/cef3a63e-1947-45f3-a23c-645f160ff7a6"
/> | <img width="1308" alt="not-found-after"
src="https://github.com/user-attachments/assets/851b8f90-c499-42a9-a00b-589dbc16fb1e"
/>
| Loading |
https://github.com/user-attachments/assets/87014604-329b-4b82-9a8e-d11c5b925808
|
https://github.com/user-attachments/assets/716a31fe-0316-4c3e-8140-07d04c2f621e
ryan953 added a commit that referenced this pull request Jun 6, 2025
This broke from the changes in
#92230

What we need is to hoist the `<ReplayContext>` up so it wraps the header
and main part of the page again.

Fixes 93032
@github-actions github-actions bot locked and limited conversation to collaborators Jun 19, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants