Skip to content

feat(issue-details): Render the event replay in its own separate section#53120

Merged
malwilley merged 3 commits into
masterfrom
malwilley/feat/break-out-replay-section
Jul 19, 2023
Merged

feat(issue-details): Render the event replay in its own separate section#53120
malwilley merged 3 commits into
masterfrom
malwilley/feat/break-out-replay-section

Conversation

@malwilley

@malwilley malwilley commented Jul 18, 2023

Copy link
Copy Markdown
Member

Ref #46162

The moves the event replay out of the breadcrumbs section and into its own. Because performance issues can lack breadcrumbs, we needed to do this in order to display replays in all issue types.

The work here does the following:

  • Moves the replay rendering logic from interfaces/breadcrumbs/index.tsx to events/eventReplay/index.tsx
  • Renders EventReplay inside of GroupEventDetailsContent, which adds it to the issue details page
  • Renders EventReplay inside of EventEntries, which adds it to the event views in discover and performance
  • Makes a small change to the logic inside ReplayPreview so that the initial timestamp falls back to event.dateReceived if date.eventCreated does not exist (transaction events do not have a dateCreated).

CleanShot 2023-07-18 at 16 03 29

@malwilley malwilley requested a review from ryan953 July 18, 2023 23:11
@malwilley malwilley requested a review from a team as a code owner July 18, 2023 23:11
@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jul 18, 2023

@scttcper scttcper left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

mmmm yeah move stuff around

return null;
}

return <EventReplayContent {...{projectSlug, event, group}} />;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

does typescript check the props when we use spreads like this? checking for missing & extra props mainly

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

You know, I never stopped to think about this but spreading any object actually doesn't error on excess props. It does still error when you have missing props though

Comment thread static/app/components/events/eventReplay/eventReplaySection.tsx Outdated
Co-authored-by: Ryan Albrecht <ryan.albrecht@sentry.io>
@malwilley malwilley merged commit 56a1f2e into master Jul 19, 2023
@malwilley malwilley deleted the malwilley/feat/break-out-replay-section branch July 19, 2023 18:54
@github-actions github-actions Bot locked and limited conversation to collaborators Aug 4, 2023
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