Skip to content

fix(replays): add prompt if user needs SDK upgrade #53672

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Jul 27, 2023

Conversation

michellewzhang
Copy link
Member

@michellewzhang michellewzhang commented Jul 26, 2023

fixes getsentry/team-replay#126 by informing users they need to upgrade their SDK to see rage/dead click data if this applies.

no results but SDK version is good:
SCR-20230726-ohpi

no results and SDK version too low:
SCR-20230727-mlgz

error alert also updated:
SCR-20230727-mlxl
SCR-20230727-mmci

@michellewzhang michellewzhang requested a review from a team as a code owner July 26, 2023 23:16
@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jul 26, 2023
@michellewzhang michellewzhang requested a review from billyvg July 26, 2023 23:17
Copy link
Member

@billyvg billyvg left a comment

Choose a reason for hiding this comment

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

I'm wondering if this is a bit too subtle? Thoughts on using an Alert banner with the message?

We should also link to something as well... maybe https://docs.sentry.io/platforms/javascript/install/npm/? We don't really have any upgrading docs unfortunately.

@michellewzhang michellewzhang requested a review from a team as a code owner July 27, 2023 18:45
${props =>
props.gridRows
? `grid-template-rows: ${props.gridRows};`
: 'grid-template-rows: 44px max-content'}
Copy link
Member Author

Choose a reason for hiding this comment

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

@ryan953 shhhh

Comment on lines 254 to 255
border-radius: 0px;
border-width: 1px 0 1px 0;
Copy link
Member

Choose a reason for hiding this comment

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

the styled alert looks better inside the cards 👍

can you also check how it looks inside the main table? that might not have a min-height but idk how the extra border will be.

Copy link
Member

Choose a reason for hiding this comment

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

Looks like our issues stream does not include the top border:
image

Copy link
Member Author

Choose a reason for hiding this comment

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

do we want to remove the top border for both alerts here?

Copy link
Member Author

Choose a reason for hiding this comment

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

SCR-20230727-kwsp rn looks like this

Copy link
Member

Choose a reason for hiding this comment

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

issue stream also has that margin. i don't love the margin though

Copy link
Member Author

Choose a reason for hiding this comment

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

i can add in that margin to the style for continuity

Copy link
Member Author

@michellewzhang michellewzhang Jul 27, 2023

Choose a reason for hiding this comment

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

SCR-20230727-lzwi how's this? i tried removing top border too but it looks weird without the top border - the table header's bottom border doesn't fill the entire row for some reason

Copy link
Member Author

Choose a reason for hiding this comment

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

discussed offline: @ryan953 suggested keeping rage click table alert as is, but removing margin & bottom border for big replay table

@michellewzhang michellewzhang requested a review from a team as a code owner July 27, 2023 21:00
@michellewzhang michellewzhang force-pushed the mz/sdk-update-message branch 2 times, most recently from 3a70dea to 350905f Compare July 27, 2023 21:07
@@ -28,6 +31,8 @@ import {
import {ReplayColumn} from 'sentry/views/replays/replayTable/types';
import type {ReplayListRecord} from 'sentry/views/replays/types';

export const MIN_DEAD_RAGE_CLICK_SDK = '7.60.1';
Copy link
Member

Choose a reason for hiding this comment

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

Is this imported somewhere?

Copy link
Member Author

Choose a reason for hiding this comment

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

was planning to originally but not anymore -- i'll get rid of it

@michellewzhang michellewzhang force-pushed the mz/sdk-update-message branch from 350905f to 0486d56 Compare July 27, 2023 21:11
Copy link
Member

@ryan953 ryan953 left a comment

Choose a reason for hiding this comment

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

It's harder without designs, but I think we saw screen shots of different options and the result looks good!

@michellewzhang michellewzhang merged commit bc16615 into master Jul 27, 2023
@michellewzhang michellewzhang deleted the mz/sdk-update-message branch July 27, 2023 21:39
@github-actions github-actions bot locked and limited conversation to collaborators Aug 12, 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