Skip to content

feat(replays): New column replayId into the mini events table on the Transaction Summary page#39798

Merged
ryan953 merged 8 commits into
getsentry:masterfrom
thisdot:feat/replays/39718-new-column
Oct 12, 2022
Merged

feat(replays): New column replayId into the mini events table on the Transaction Summary page#39798
ryan953 merged 8 commits into
getsentry:masterfrom
thisdot:feat/replays/39718-new-column

Conversation

@jesus4497

@jesus4497 jesus4497 commented Oct 7, 2022

Copy link
Copy Markdown
Contributor

Added new column replayid inside the mini events table on the Transaction Summary page

Changes

  • short form of the id, not the whole thing
  • link to the replay details page
  • link includes ?referrer
  • prefix with the replay 'Play' icon

Closes #39718

image

Tests notes

  • Tested it with different transactions
  • Made sure the url was correct
  • Made sure it didn't appear when the user doesn't have the replay feature

Notes

For the last bullet point If possible & performant: deep link into the timestamp when the transaction happened.. I will create a follow up PR for this in order to make the PRs smaller.

Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. and is gonna need some rights from me in order to utilize my contributions in this here PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Oct 7, 2022

const StyledIconPlay = styled(IconPlay)`
position: relative;
top: -1px;

@jesus4497 jesus4497 Oct 10, 2022

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

With this little tweak the icon gets centered, I believe that due to the font, it doesn't align properly without it

@jesus4497 jesus4497 marked this pull request as ready for review October 10, 2022 22:43
@jesus4497 jesus4497 requested review from a team October 10, 2022 22:43
@jesus4497 jesus4497 requested a review from a team as a code owner October 10, 2022 22:43
Comment thread static/app/components/discover/transactionsTable.tsx Outdated
replayId: {
sortField: 'replayId',
renderFunc: data => {
const replayId: string | unknown = data?.replayId;

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.

Suggested change
const replayId: string | unknown = data?.replayId;
const replayId = data?.replayId;

Nit: We shouldn't need to specify types on this variable because the next line does the typeof refinement and we learn that the value is either a string or not.

];

if (organization.features.includes('session-replay-ui')) {
transactionsListTitles.push(t('replayid'));

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.

Suggested change
transactionsListTitles.push(t('replayid'));
transactionsListTitles.push(t('replay id'));

add space to match event id and trace id column headers.

@jesus4497 jesus4497 requested a review from ryan953 October 11, 2022 19:36
@ryan953 ryan953 added the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Oct 12, 2022
@ryan953 ryan953 enabled auto-merge (squash) October 12, 2022 17:16
@ryan953 ryan953 merged commit 64f02c5 into getsentry:master Oct 12, 2022
ryan953 added a commit that referenced this pull request Oct 18, 2022
…s tab (#40003)

Building from #39798 I've added the same 'replay id' column into the
Performance > All Events tab.

<img width="1240" alt="Screen Shot 2022-10-13 at 2 57 19 PM"
src="https://user-images.githubusercontent.com/187460/195719071-b411b811-39d6-42a2-bf30-f092be6d6a6b.png">

Fixes #39736
barkbarkimashark pushed a commit that referenced this pull request Oct 18, 2022
…s tab (#40003)

Building from #39798 I've added the same 'replay id' column into the
Performance > All Events tab.

<img width="1240" alt="Screen Shot 2022-10-13 at 2 57 19 PM"
src="https://user-images.githubusercontent.com/187460/195719071-b411b811-39d6-42a2-bf30-f092be6d6a6b.png">

Fixes #39736
@github-actions github-actions Bot locked and limited conversation to collaborators Oct 28, 2022
@chadwhitacre chadwhitacre removed the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Mar 16, 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.

Add a column replayId into the mini events table on the Transaction Summary page

3 participants